@font-face {
                font-family: 'Karla';
                font-style: normal;
                font-weight: 400;
                src: local('Karla'), local('Karla-Regular'), url(assets/fonts/Karla-Regular.woff) format('woff');
            }
            @font-face {
                font-family: 'Karla';
                font-style: normal;
                font-weight: 700;
                src: local('Karla Bold'), local('Karla-Bold'), url(assets/fonts/Karla-Bold.woff) format('woff');
            }

            html, body {
                position: relative;
                height: 100%;
            }
            body {
                background: #ffffff;
                color:#000000;
                margin: 0;
                padding: 0;
            }
            h1,h4,h5 {text-align: center;}
            h2 { font-size: 25px; }
            h4 { font-size: 18px; }
            p {
                color: #000000;
                text-align: justify-all;
                font-size: 16px;
                margin: 0 0 2px;
            }
            p.not-found-message {
                text-align: justify;
                font-size: 15px;
                font-weight: bold;
            }
            input[type="text"], input[type="password"] {
                text-align: center;
                font-size: 20px;
            }
            input[type="text"].error, input[type="password"].error  {
                border: 2px solid #ff0000;
            }
            .error-message {
                display: none;
                color: #ff0000;
                background: #fff;
                font-weight: bold;
            }
            .main{
                padding: 0;
            }
            .wrapper {
                background-color: #ffffff;
            }
            .header-row {
                margin-top: 10px;
            }
            .field-wrap, #ninja_forms_required_items {
                margin-bottom: 5px;
            }
            .image-div {
                margin-top: 0px;
                margin-bottom: 20px;
            }
            .button {
                background-color: green;
                color: #ffffff;
                border-radius: 5px;
                font-size: 20px;
                text-decoration: none;
                outline: 0;
                cursor: pointer;
                width: 100%;
                box-shadow: 4px 4px 5px -3px rgb(0, 0, 0);
                float: right;
            }
            .button:hover {
                background-color: darkgreen;
                color: #ffffff;
            }
            .signin-text {
                margin-top: 1px;
            }
            a, .signin-text.a {
                color: darkgoldenrod;
                border-bottom: 1px solid darkgoldenrod;
            }
            a:hover, .signin-text.a:hover {
                color: goldenrod;
                border-bottom: 1px solid goldenrod;
            }
            a:after { background-color: unset !important;}
            .activation-header-title-after {
                line-height: 20px;
                font-size: 25px;
            }
            .emoji {
                width: 30px;
            }
            #breadcrumb {max-height: 30px;}
            .img-plan {
                padding: 10px 40px;
            }
            .hints {font-size: 13px;}
            .spinner p {
                font-size: 30px;
            }