@font-face {
    font-family: "Nominee";
    src: url("fonts/Nominee-Black.ttf");
}
@font-face {
    font-family: "Open Sans Semibold";
    src: url("fonts/Open-Sans-Semibold.ttf");
}
.phone__number {
    font-size: 20px;
    font-family: Nominee, serif;
}

.content .decorations {
    display: block;
    z-index: -2;
}
.content .decorations .block1 {
    content: "";
    position: absolute;
    width: 50%;
    max-width: 840px;
    height: 414px;
    top: 119px;
    left: 30%;
    border: 2px solid #e8e9ec;
    border-radius: 14px;
    z-index: 1;
}
.content .decorations .block2 {
    content: "";
    position: absolute;
    width: 214px;
    height: 214px;
    bottom: 130px;
    left: 25%;
    border: 2px solid #e8e9ec;
    border-radius: 14px;
    z-index: 1;
}
.content .authorization {
    position: relative;
    top: 32%;
    background: white;
    border: 2px solid #e8e9ec;
    border-radius: 14px;
    padding: 34px 0;
    z-index: 2;
}
.content .authorization * {
    font-family: "Open Sans Semibold";
}
.content .authorization header h5.title {
    text-align: center;
}
.content .authorization form div {
    margin: 20px 0;
}
.content .authorization form input:not([type=checkbox]) {
    width: 100%;
    height: 44px;
    background: white;
    border: 2px solid #e8e9ec;
    border-radius: 3px;
    padding: 0 12px;
}
.content .authorization form button {
    width: 100%;
    background: white;
    border-radius: 10px;
    margin-top: 12px;
    font-size: 24px;
    border: 2px solid black;
    font-weight: 700;
    padding: 16px;
    font-family: Nominee;
    transition: all ease 0.3s;
}
.content .authorization form button:hover {
    color: white;
    background: black;
}
.content .authorization form input[type=checkbox] {
    width: 16px;
    height: 16px;
}
.content .plug {
    display: inline-block;
}
.content.auth {
    height: 100vh;
    background: url(img/bg3.png) 77.56% 10vh/18.75%, url(img/bg2.png) 54.81% 0/18.75%, url(img/bg1.png) 0 0/44.79%, url(img/bg4.png) 100% 20vh/18.75%;
    background-repeat: no-repeat;
}
.content.auth .bg-fade {
    background: #FFFFFF55;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.logo > img {
    width: 155px;
}
.logo > .phone__number {
    text-align: left;
}
.content .join-btn {
    font-family: Nominee;
    text-decoration: none;
    width: 38%;
    height: 18.8%;
    border-radius: 20px;
    border: 3.79px black solid;
    text-align: center;
    font-size: 165%;
    color: black;
    text-transform: uppercase;
    background: white;
    transition: all ease 0.3s;
    margin-top: 21.1%;
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 80px;
}
.content .join-btn:hover {
    color: white;
    background: black;
}

.created-by {
    display: flex;
    justify-content: center;
    margin-bottom: 42px;
}

.created-by > a {
    margin: 0 auto;
}

.bg.welcome {
    background:
            url(img/bg3.png) 74.9% 0%/21.9% no-repeat,
            url(img/bg2.png) 49% 0%/18.5% no-repeat,
            url(img/bg4.png) 100% 0%/19.6% no-repeat,
            url(img/bg1.png) 0% 0%/40% no-repeat;
    height: 57vh;
    width: 100%;
}

/*@media screen and (min-width: 768px) {*/
/*    .goto-auth {*/
/*        margin-top: 410px;*/
/*    }*/

/*    .bg .bg-container {*/
/*        height: 700px;*/
/*    }*/
/*    .bg.welcome {*/
/*        background: url(img/bg3.png) 69.8% 0%/17%, url(img/bg2.png) 50.9% 0%/14.4%, url(img/bg4.png) 88.8% 0%/15.7%, url(img/bg1.png) 14.3% 0%/34.2%;*/
/*        background-repeat: no-repeat;*/
/*    }*/
/*}*/
/*@media screen and (max-width: 768px) {*/
/*    .goto-auth {*/
/*        width: 100%;*/
/*        margin-top: 410px;*/
/*    }*/

/*    .join-btn {*/
/*        width: 100% !important;*/
/*        padding: 42px 0;*/
/*        margin: 0 auto;*/
/*    }*/

/*    .bg .bg-container {*/
/*        height: 700px;*/
/*    }*/
/*    .bg.welcome {*/
/*        background: url(img/bg1.png) 0 0/100%;*/
/*        background-repeat: no-repeat;*/
/*    }*/
/*}*/
/*@media screen and (min-width: 1659px) {*/
/*    .join-btn {*/
/*        margin-top: 28px;*/
/*    }*/

/*    .bg.welcome {*/
/*        background: url(img/bg3.png) 78% 55px/18.75%, url(img/bg2.png) 56.25% 0/18.75%, url(img/bg1.png) 0 0/45.71%, url(img/bg4.png) 100% 0/18.75%;*/
/*        background-repeat: no-repeat;*/
/*    }*/
/*}*/
/*@media screen and (min-width: 1200px) and (max-width: 1400px) {*/
/*    .join-btn {*/
/*        width: 40.5% !important;*/
/*    }*/
/*}*/
/*@media screen and (min-width: 992px) and (max-width: 1200px) {*/
/*    .join-btn {*/
/*        width: 36% !important;*/
/*    }*/
/*}*/
/*@media screen and (min-width: 768px) and (max-width: 992px) {*/
/*    .join-btn {*/
/*        width: 30% !important;*/
/*    }*/
/*}*/

/*# sourceMappingURL=style2.css.map */