/*! core css */

* {
    transition: background-color 300ms ease, color 300ms ease
}

*:focus {
    outline: none
}

html,
body {
    color: #000;
    font-family: hind;
    font-size: .9em;
    line-height: 1.5
}

.app-header {
    background: #ab2923;
    background: linear-gradient(to right, #490249, #87211c);
    padding: 0 .8em;
    position: fixed;
    height: 55px;
    top: 0%;
    left: 0%;
    right: 0%;
    z-index: 1001;
    padding-top: 5px
}

.app-footer {
    background: #ab2923;
    background: linear-gradient(to right, #87211c, #490249);
    padding: 0 .8em;
    position: fixed;
    height: 55px;
    z-index: 1001;
    position: fixed;
    bottom: 0;
    left: 0%;
    right: 0%
}

.app-nav__logo {
    float: left
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.btn-full {
    width: 100%;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.btn2-full {
    width: 100%;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.btn-primary {
    color: #fff;
    font-weight: 700;
    background: #ab2923;
    background: linear-gradient(to left, #87211c, #490249);
    border-color: #2e6da4
}

.btn2-primary {
    color: #fff;
    font-weight: 700;
    background: #ab2923;
    background: linear-gradient(to left, #87211c, #490249);
    border-color: #2e6da4
}

a.btn {
    color: #fff;
    font-weight: 700;
    text-decoration: none
}

.app-body__container {
    max-width: 950px;
    margin: auto
}

.app-body__item-content {
    background-color: #f7f7f7;
    box-shadow: 0 3px 2px rgba(0, 0, 0, .09);
    border-radius: .1em;
    margin: 1em;
    position: relative;
    z-index: 1
}

.padded {
    padding: 1em
}

.app-body__item-main-title {
    background-color: #fafafa;
    border-bottom: 1px solid #f0f0f0;
    font-size: 1.5em;
    font-weight: 700;
    padding: .7em
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background: #807c7c;
    background: linear-gradient(to left, #ffffff, #E28C7A);
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
}

.set {
    background: url('');
    background-position: center;
    background-repeat: repeat;
    background-size: cover
}

.aside-title {
    font-weight: 700;
    color: #fff
}

a:link,
a:visited {
    color: #581717;
    margin-top: 0;
    margin-bottom: 1.25rem;
    padding: 0;
    border: 0;
    font-variant-numeric: inherit;
    font-variant-east-asian: inherit;
    font-weight: 50;
    font-size: 1rem;
    font-family: open sans, Helvetica, Arial, sans-serif;
    text-decoration: none
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.gutters-5 {
    margin-right: -5px;
    margin-left: -5px
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.alert.danger {
    padding: 20px;
    background-color: #a94442;
    color: #fff
}

.alert.success {
    padding: 20px;
    background-color: #4caf50;
    color: #fff
}

.closebtn {
    margin-left: 15px;
    color: #fff;
    font-weight: 700;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: .3s
}

.closebtn:hover {
    color: #000
}

.waec {
    background: url() 0 5px no-repeat
}

.side-login {
    clear: both;
    position: fixed;
    display: block;
    list-style-type: none;
    z-index: 100;
    left: -4.2em;
    top: 60%;
    -webkit-animation: slideleft 23s forwards;
    -webkit-animation-delay: 12.5s;
    animation: slideleft 6s forwards;
    animation-delay: 12.5s
}

@keyframes slideleft {
    100% {
        left: 0
    }
}

.side-proves {
    clear: both;
    position: fixed;
    display: block;
    z-index: 100;
    list-style-type: none;
    right: -4.2em;
    top: 60%;
    -webkit-animation: slideright 23s forwards;
    -webkit-animation-delay: 12.5s;
    animation: slideright 6s forwards;
    animation-delay: 12.5s
}

@keyframes slideright {
    100% {
        right: 0
    }
}

.side-download {
    clear: both;
    position: fixed;
    display: block;
    z-index: 100;
    list-style-type: none;
    left: -4.2em;
    top: 80%;
    -webkit-animation: slideleft 23s forwards;
    -webkit-animation-delay: 12.5s;
    animation: slideleft 6s forwards;
    animation-delay: 12.5s
}

@keyframes slideleft {
    100% {
        left: 0
    }
}

.side-news {
    clear: both;
    position: fixed;
    display: block;
    list-style-type: none;
    z-index: 100;
    right: -4.2em;
    top: 80%;
    -webkit-animation: slideright 23s forwards;
    -webkit-animation-delay: 12.5s;
    animation: slideright 6s forwards;
    animation-delay: 12.5s
}

@keyframes slideright {
    100% {
        right: 0
    }
}

.grad {
    background: #ab2923;
    background: linear-gradient(to left, #490249, #87211c)
}

ul.breadcrumb {
    padding: 3px;
    list-style: none;
    background-color: transparent
}

ul.breadcrumb li {
    display: inline;
    font-size: 10px;
    color: #ffffff;
}

ul.breadcrumb li+li:before {
    padding: 5px;
    color: #000;
    content: "/\00a0";
    color: #ffffff;
}

ul.breadcrumb li a:hover {
    color: #ffffff;
    text-decoration: underline
}

.well-normal {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
}

.dang {
    color: #fdfafa;
    background-color: #e90d0d;
    border-color: #1e1c8b
}

.sus {
    color: #fdfafa;
    background-color: green;
    border-color: #1e1c8b
}

*,
:after,
:before {
    box-sizing: border-box
}

h4 {
    margin-top: 0;
    margin-bottom: .5rem
}

h4 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

h4 {
    font-size: 1.5rem
}

.display-4 {
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem
}

.font-weight-bold {
    font-weight: 700 !important
}

@media print {

    *,
    :after,
    :before {
        text-shadow: none !important;
        box-shadow: none !important
    }
}

h4 {
    font-family: Catamaran;
    font-weight: 800 !important
}


/*!CSS Used from: Embedded*/

* {
    box-sizing: border-box
}

*,
::after,
::before {
    box-sizing: border-box
}

h4 {
    margin-top: 0;
    margin-bottom: .5rem
}

h4 {
    margin-bottom: .5rem;
    font-family: maven pro, sans-serif;
    font-weight: 700;
    line-height: 1.3
}

h4 {
    font-size: 1.5rem
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 400;
    line-height: 1.3
}

.font-weight-bold {
    font-weight: 700 !important
}

@media print {

    *,
    ::after,
    ::before {
        text-shadow: none !important;
        box-shadow: none !important
    }
}

@media(max-width:767.98px) {
    .display-4 {
        font-size: 2.1rem
    }
}

.text-shadow {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .1)
}


/*!CSS Used from: https://solacelink.com/public/assets/css/style.css*/

*,
*::before,
*::after {
    box-sizing: border-box
}

*,
::after,
::before {
    box-sizing: border-box
}

h4 {
    margin-top: 0;
    margin-bottom: .5rem
}

h4 {
    margin-bottom: .5rem;
    font-family: maven pro, sans-serif;
    font-weight: 700;
    line-height: 1.3
}

h4 {
    font-size: 1.5rem
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 400;
    line-height: 1.3
}

.font-weight-bold {
    font-weight: 700 !important
}

@media print {

    *,
    ::after,
    ::before {
        text-shadow: none !important;
        box-shadow: none !important
    }
}

@media(max-width:767.98px) {
    .display-4 {
        font-size: 2.1rem
    }
}

.text-shadow {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .1)
}


/*!CSS Used from: Embedded*/


/*!CSS Used from: http://localhost/public/assets/css/bootstrap.min.css*/

*,
:after,
:before {
    box-sizing: border-box
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

strong {
    font-weight: bolder
}

a {
    color: #ee0979;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #a40654;
    text-decoration: underline
}

h5,
h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

h5 {
    font-size: 1.25rem
}

h6 {
    font-size: 1rem
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.collapse:not(.show) {
    display: none
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem
}

.card-text:last-child {
    margin-bottom: 0
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: b .75s linear infinite;
    animation: b .75s linear infinite
}

.d-none {
    display: none !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.m-auto {
    margin: auto !important
}

.text-white {
    color: #fff !important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

.text-normal {
    font-size: 16px;
    color: #2c2c2c;
    line-height: 30px;
    margin-top: 10px
}

.text-black-50 {
    font-size: 16px;
    color: #666;
    line-height: 30px;
    margin-top: 10px
}

@media print {

    *,
    :after,
    :before {
        text-shadow: none !important;
        box-shadow: none !important
    }

    a:not(.btn) {
        text-decoration: underline
    }

    p {
        orphans: 3;
        widows: 3
    }
}

h5,
h6 {
    font-family: Catamaran;
    font-weight: 800 !important
}


/*!CSS Used keyframes*/

@-webkit-keyframes b {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes b {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}


/*!CSS Used fontfaces*/

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media(min-width:768px) {
    .container {
        width: 750px
    }
}

@media(min-width:992px) {
    .container {
        width: 970px
    }
}

@media(min-width:1200px) {
    .container {
        width: 1170px
    }
}

.row {
    margin-right: -15px;
    margin-left: -15px
}

.col-sm-6 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

@media(min-width:768px) {
    .col-sm-6 {
        float: left
    }

    .col-sm-6 {
        width: 50%
    }
}

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav>li {
    position: relative;
    display: block
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px
}

.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: #eee
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent
}

@media(min-width:768px) {
    .navbar {
        border-radius: 4px
    }
}

@media(min-width:768px) {
    .navbar-header {
        float: left
    }
}

@media all {
    a {
        background: 0 0;
        color: #aaa
    }

    a:hover,
    a:active,
    a:focus {
        outline: 0;
        background: 0 0;
        text-decoration: none
    }

    button {
        color: inherit;
        font: inherit;
        margin: 0;
        font-size: 16px;
        font-size: 1.5rem;
        line-height: 1.5
    }

    button {
        overflow: visible
    }

    button {
        text-transform: none
    }

    button {
        -webkit-appearance: button;
        cursor: pointer
    }

    button::-moz-focus-inner {
        border: 0;
        padding: 0
    }

    ul {
        margin: 0 0 1.5em 3em
    }

    ul {
        list-style: disc
    }

    * {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box
    }

    .read-more {
        color: #fff;
        font-size: 13px;
        font-weight: 700;
        text-align: center;
        line-height: 26px;
        padding: 4px 10px;
        width: auto;
        transition: all .3s ease-in-out 0s;
        -webkit-transition: all .3s ease-in-out 0s;
        -moz-transition: all .3s ease-in-out 0s
    }

    .top-header {
        padding: 5px 0;
        color: #fff !important;
        font-size: 13px
    }

    .top-header.left-curve {
        border-radius: 0 0 0 100px
    }

    .top-header a {
        color: #fff;
        font-size: 13px;
        display: inline-block
    }

    .top-header .top-phone,
    .top-header .top-email {
        margin-right: 20px
    }

    .top-header .text-left {
        padding-top: 4px;
        overflow: hidden
    }

    .top-header .text-left i {
        margin-right: 5px
    }

    .top-header-latest-posts,
    .top-header-latest-posts .bn-title,
    .top-header-latest-posts .news-notice-content {
        display: inline-block
    }

    .news-notice-content .news-content {
        display: none
    }

    .top-header .socials {
        margin: 0;
        display: inline-block
    }

    @media only screen and (max-width:767px) {

        .top-header .text-right,
        .top-header .text-left {
            text-align: center
        }
    }

    .site-title,
    .site-title a {
        color: #003a6a;
        font-size: 30px;
        margin: 0
    }

    .site-description {
        color: #003a6a;
        margin: 0
    }

    .read-more {
        color: #fff;
        border-radius: 4px;
        font-size: 13px;
        font-weight: 700;
        text-align: center;
        line-height: 26px;
        padding: 4px 10px;
        width: auto;
        transition: all .3s ease-in-out 0s;
        -webkit-transition: all .3s ease-in-out 0s;
        -moz-transition: all .3s ease-in-out 0s
    }

    .socials a,
    .socials a:hover {
        color: #fff
    }

    .socials {
        list-style: none;
        margin: 0 0 10px;
        padding: 0
    }

    .socials li {
        display: inline-block
    }

    .socials li a {
        width: 32px;
        height: 32px;
        text-align: center;
        line-height: 32px;
        display: inline-block;
        border-radius: 4px;
        transition: background .5s;
        -webkit-transition: background .5s
    }

    .socials li.facebook a:hover,
    .socials li.facebook a:focus {
        background: #3e5993
    }

    .socials li.twitter a:hover,
    .socials li.twitter a:focus {
        background: #00c3f8
    }

    .socials li.youtube a:hover,
    .socials li.youtube a:focus {
        background: #cc181e
    }

    .socials li.google-plus a:hover,
    .socials li.google-plus a:focus {
        background: #ea4335
    }

    .init-animate {
        visibility: hidden
    }
}


/*!CSS Used from: Embedded*/

.top-header {
    background: #ab2923;
    background: linear-gradient(to right, #490249, #87211c)
}

a:hover,
a:active,
a:focus,
.main-navigation .navbar-nav>li a:hover,
.news-notice-content .news-content a:hover {
    color: #fd5308
}

.navbar .navbar-toggle:hover,
.read-more {
    background-color: #fd5308;
    color: #fff
}

.top-header .read-more {
    border: 2px solid #fd5308
}


/*!CSS Used from: https://examplaza.com/public/assets/css/style.css*/

* {
    transition: background-color 300ms ease, color 300ms ease
}

*:focus {
    outline: none
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ab2923;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

textarea {
    width: 100%;
    height: 100px;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 rgba(0, 0, 0, .07);
    border-color: -moz-use-text-color #fff #fff -moz-use-text-color;
    border-image: none;
    border-radius: 6px 6px 6px 6px;
    border-style: none solid solid none;
    border-width: medium 1px 1px medium;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .12) inset;
    color: #555;
    font-family: helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 1em;
    line-height: 1.4em;
    transition: background-color .2s ease 0s
}

textarea:focus {
    background: none repeat scroll 0 0 #fff;
    outline-width: 0
}

button,
input {
    overflow: visible
}

[type=checkbox] {
    box-sizing: border-box;
    padding: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

a {
    background-color: transparent
}

img {
    border-style: none
}

button,
input {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button {
    text-transform: none
}

button {
    -webkit-appearance: button
}

button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring {
    outline: ButtonText dotted 1px
}


/*!CSS Used from: https://aimtoget.com/assets/css/styles.css?v=0.58*/

:focus {
    outline: none !important
}

* {
    box-sizing: border-box
}

h1 {
    margin: 0
}

a {
    color: #771d18;
    text-decoration: none
}

.align-right {
    text-align: right !important
}

.centered {
    text-align: center
}

.is-bold {
    font-weight: 700
}

.padded {
    padding: 1em
}

.margin-v {
    margin: 1em 0
}

.text-white {
    color: #fff
}

.input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 0;
    color: #000;
    font-family: inherit;
    font-size: .97em;
    height: 37px;
    padding: .3em;
    position: relative;
    transition: all ease-in-out .2s
}

@media(max-width:599px) {
    .input {
        height: 40px
    }
}

.input:disabled {
    background-color: #f0f0f0;
    cursor: not-allowed
}

.input--full-width {
    display: block;
    min-width: 100%;
    width: 100%
}

.input:focus {
    border-color: #d0d0d0
}

.button {
    background-color: #d0d0d0;
    border: 0;
    border-radius: .2em;
    box-shadow: 0 2px 1px rgba(0, 0, 0, .3);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-weight: 700;
    padding: .6em 1em .45em;
    text-transform: uppercase;
    letter-spacing: .05em
}

.button:active {
    box-shadow: none
}

.button:disabled {
    background-color: #d0d0d0;
    color: #555;
    cursor: not-allowed
}

.button--primary {
    background-color: #ab2923
}

.button--full-width {
    display: block;
    width: 100%
}

.auth__container {
    margin: auto;
    margin-top: 4em;
    max-width: 400px
}

@media(max-width:599px) {
    .auth__container {
        margin-top: 0;
        width: 100%
    }
}

.auth__container a {
    font-weight: 700
}

.auth__container a:hover {
    text-decoration: underline
}

.auth__content {
    background-color: #fafafa;
    border-radius: .2em;
    padding: 1em
}

.auth__logo {
    padding: 1em 0;
    text-align: center
}

.auth__logo img {
    width: 170px;
    height: 35px;
    margin: 1em
}

.auth__title {
    font-size: 1.8em;
    font-weight: 400;
    text-align: center
}

.auth__subtitle {
    color: #333;
    padding: 2em 2em 0;
    text-align: center
}

.auth__form {
    display: block;
    margin: 2em 0 0
}

.auth__input {
    margin: 1.5em 1em
}

.auth__link {
    display: inline-block;
    font-size: .9em;
    margin: .3em 0 0
}

img {
    max-width: 100%;
    max-height: 100%
}