*, *::before, *::after {
padding : 0;
margin : 0;
box-sizing : inherit;
}
html {
font-size : 62.5%;
height : 100%;
width : 100%;
}
img {
max-width : 100%;
max-height : 100%;
}
body {
font-size : 1.6rem;
font-family : "Gotham";
height : 100%;
}
@font-face {
font-family : "Gotham";
src : url("assets/fonts/gotham/Gotham-Light.otf");
}
@font-face {
font-family : "Gotham";
src : url("assets/fonts/gotham/Gotham-Bold.otf");
font-weight : bold;
}
@font-face {
font-family : "Gotham";
src : url("assets/fonts/gotham/Gotham-Thin.otf");
font-weight : 100;
}
.text-orange-1 {
color : #ff9317;
}
.text-gray-1 {
color : #555555;
}
.text-center {
text-align : center;
}
.btn {
border : none;
outline : none;
padding : 0.5rem 1.5rem;

border-radius : 1rem;
font-weight : bold;
transition : all 0.2s ease-out;
align-self : flex-start;
}
.btn--orange {
color : white;
}
.btn:hover {
cursor : pointer;
opacity : 0.8;
}
.form__logo {
display : flex;
justify-content : center;
margin-bottom : 2rem;
height : 10rem;
}
.form__group {
margin-bottom : 2rem;
display : flex;
flex-direction : column;
}
.form__input {
border : #555555 solid 1px;
outline : none;
border-radius : 2rem;
padding : 1rem 1rem;
}
.form__input::placeholder {
color : #555555;
opacity : 0.4;
}
.form__checkbox-box {
display : flex;
align-items : center;
}
.form__checkbox-text {
font-size : 1.4rem;
margin-left : 1rem;
}
.form__checkbox-text:hover {
cursor : pointer;
}

.form__button {
background-image : linear-gradient(to bottom, #ff9317, #fa942d);
padding : 0.45rem 2.4rem;
}
.container {
max-width : 120rem;
width : 90%;
margin : 0 auto;
}
.login {
height : 100vh;
}
.login__container {
display : grid;
grid-template-columns : 65% 35%;
max-width : 140rem;
width : 95%;
margin : 0 auto;
height : 100vh;
}
.login__greetings {
display : none;
}
.login .main {
height : 80vh;
background-image : url("assets/images/background.webp");
background-repeat : no-repeat;
background-position : center;
background-size : cover;
}
.login .aside {
height : 80vh;
display : flex;
flex-direction : column;
background-color : rgb(255, 255, 255, 0);
padding : 0 1rem;
}
.login .aside__select {
align-self : flex-end;
text-align : center;
margin-top : 5rem;
}
.login .aside__form {
flex : 1;
display : flex;
flex-direction : column;
justify-content : center;
width : 100%;
}
.login .footer {
grid-column : 1 / -1;
}
.login .footer__container {
height : 20vh;
display : flex;
justify-content : space-between;
align-items : center;
padding : 0 1rem;
}
.login .footer__left {
text-transform : uppercase;
letter-spacing : 1rem;
}
.login .footer__list {
list-style-type : none;
display : flex;
margin-top : 2rem;
}
.login .footer__list-item {
height : 4rem;
}
.login .footer__list-item:not(:last-child) {
margin-right : 2rem;
}
.login .footer__right {
font-size : 1.4rem;
text-align : right;
}
.login .footer__logo {
margin-top : 1rem;
height : 6rem;
}
@media screen and (max-width: 1200px) {
.login__container {
display : flex;
flex-direction : column;
justify-content : space-between;

}
.main {
height : auto;
}
.login .aside__select {
margin-top : 2rem;
}
.login .aside {
height : 50%;
width : 90%;
max-width : 60rem;
margin : 0 auto;
}
.login .aside__select {
align-self : center;
}
.login .aside .btn {
align-self : center;
}
.login .aside .form__checkbox-box {
align-self : center;
}
.login .footer__container {
height : auto;
display : flex;
flex-direction : column;
}
.login .footer__left {
text-align : center;
margin-bottom : 2rem;
}
.login .footer__right {
text-align : center;
padding : 0 4rem;
}
.footer__left {
display : none;
}
.form__group {
margin-bottom : 1.5rem;
}
.form__logo {
height : 7rem;
}
}

.select_top {
	background-color: #ff9317;
	width:130px;
	border-radius : 1rem;
	padding-left:3em;
}