.bold {
font-weight:bold
}
.logins_wrapper{
float:right;
width:100%;
background:transparent;
color:#fff;
margin-top:20px;
padding:20px 10px;
font-size:26px;
box-sizing:border-box
}
.logins_wrapper a{
color:#fff;
text-decoration:underline
}
.logins_wrapper .login_form,.logins_wrapper .signup_form{
float:right;
width:100%;
padding:10px 20px;
margin:0;
border:2px solid #000;
background-color:rgba(0,0,0,0.3);
border-radius:15px;
box-sizing:border-box
}
.logins_wrapper .login_form .title,.logins_wrapper .signup_form .title{
font-weight:bold
}
.logins_wrapper .login_form .txt{
float:right;
width:100%;
font-size:26px;
text-align:center
}
.logins_wrapper .login_form .signup{
float:right;
font-size:30px;
width:100%;
margin:20px 0 0 0;
text-align:center
}
.logins_wrapper .login_form .signup span{
display:inline-block;
width:37.5%;
margin:20px 0;
padding:5px 10px;
border-radius:10px;
background-color:transparent;
color:#fff;
font-weight:bold;
font-size:20px;
cursor:pointer
}
.logins_wrapper .login_form .inputs_wrapper{
float:right;
width:100%;
padding:20px 0
}
.logins_wrapper .login_form .inputs_wrapper .input_wrapper label{
float:right;
font-size:26px;
margin:20px 0;
padding:0 10%;
display:block;
width:100%;
text-align:center;
box-sizing:border-box
}
.logins_wrapper .login_form .inputs_wrapper .input_wrapper label .input_title{
float:right;
width:100%
}
.logins_wrapper .login_form .inputs_wrapper .input_wrapper label .input{
float:right;
width:100%;
margin:0;
font-size:26px
}
.logins_wrapper .login_form .inputs_wrapper .input_wrapper label .forgot_password{
float:right;
width:100%;
font-size:18px;
text-align:left
}
.logins_wrapper .login_form .inputs_wrapper .input_wrapper .submit{
width:40%;
margin:20px 30%;
padding:5px 10px;
border-radius:10px;
background-color:var(--main-color);
color:var(--background-color);
font-weight:bold;
font-size:20px;
border:0
}
.logins_wrapper .login_form .other_options{
float:right;
width:100%
}
.logins_wrapper .login_form .other_options .title{
float:right;
width:100%
}
.logins_wrapper .login_form .other_options .options{
float:right;
width:100%;
margin:20px 0;
text-align:center
}
.logins_wrapper .login_form .other_options .options .option{
float:right;
width:100%;
height:70px;
cursor:pointer;
border-radius:15px;
background-color:rgba(255,255,255,0.3);
margin:10px 0;
padding:10px 20px;
box-sizing:border-box;
line-height:50px
}
.logins_wrapper .login_form .other_options .options .option.hide{
display:none
}
.logins_wrapper .login_form .other_options .options .option img{
float:right;
width:50px;
height:50px
}
.logins_wrapper .login_form .other_options .options .option .txt{
float:right;
width:CALC(100% - 60px);
font-size:20px;
text-align:center
}
.logins_wrapper .signup_form{
display:none
}
.logins_wrapper .signup_form .txt{
float:right;
width:100%;
font-size:26px;
text-align:center
}
.logins_wrapper .signup_form .inputs_wrapper{
float:right;
width:100%;
margin:20px 0
}
.logins_wrapper .signup_form .inputs_wrapper .input_wrapper label .input{
font-size:24px
}
.logins_wrapper .signup_form .inputs_wrapper .input_wrapper .submit{
width:40%;
margin:20px 30%;
padding:5px 10px;
border-radius:10px;
background-color:var(--main-color);
color:var(--background-color);
font-weight:bold;
font-size:20px
}