@import url('https://fonts.googleapis.com/css2?family=Mulish&display=swap');

.login-box{
    height: 582px;
width: 380px;
left: 0px;
top: 0px;
border-radius: 8px;
position: absolute;
background-color: white;
margin: auto;
margin: 75px 570px;
}
body{
    background-color: #363740;
    margin: none;
}

.logo{
position: relative;
height: 51px;
width: 201px;
left: 90px;
top: 37px;
border-radius: 42px;
background: #3751FF;
/* margin: auto; */
}

.text-box{
    position: relative;
    height: 24px;
    /* left: 32px; */
    /* right: 32px; */
    top: 63px;
    
    /* Bold/19px */
    
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 19px;
    line-height: 24px;
    /* identical to box height */
    
    text-align: center;
    letter-spacing: 0.4px;
    
    /* sidebar / gray */
    
    color: #A4A6B3;
    
    opacity: 0.7;



}
.welcome-box{
    position: absolute;
    height: 30px;
    left: 32px;
    right: 32px;
    top: 156px;
}
.welcome-text{
    font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 30px;
text-align: center;
letter-spacing: 0.3px;
color: #252733;


}
.email-box{
    position: absolute;
    height: 20px;
    left: 32px;
    right: 32px;
    top: 198px;
    
}
.email-text{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    /* identical to box height, or 143% */
    
    text-align: center;
    letter-spacing: 0.3px;
    
    /* grayscale / gray */
    
    color: #9FA2B4;
}

.email-input{
display: flex;
flex-direction: column;
width: 316px;
margin: auto;



}
.password-box{
    display: flex;
flex-direction: column;
width: 316px;
margin: auto;

}
.email{
    height: 42px;
    width: 292px;
    border-radius: 8px;
    background: #FCFDFE;

    padding-left: 16px;
/* grayscale / gray lightest */

border: 1px solid #F0F1F7;
border-radius: 8px;
}
.password{
    height: 42px;
    width: 292px;
    border-radius: 8px;
    background: #FCFDFE;

    padding-left: 16px;
/* grayscale / gray lightest */

border: 1px solid #F0F1F7;
border-radius: 8px;
}
label{
/* font-family: Mulish; */
font-size: 12px;
font-weight: 700;
line-height: 15px;
letter-spacing: 0.30000001192092896px;
float: left; 
margin-bottom: 6px;
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.3px;
text-transform: uppercase;

/* grayscale / gray */

color: #9FA2B4;


}
.f-p-link{
    
font-family: Mulish;
font-size: 10px;
font-weight: 400;
line-height: 13px;
letter-spacing: 0.10000000149011612px;
float: right;
font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 13px;
/* identical to box height */

text-align: right;
letter-spacing: 0.1px;

/* grayscale / gray */
text-decoration: none;
color: #9FA2B4;
margin-right: 6px;

}
.box-pass{
    height: 16px;
width: 316px;
left: 0px;
top: 0px;
margin-bottom: 6px;
margin-top: 24px;


}
.section-down{
    width: 100%;
    position: absolute;
    top: 266px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.login-btn{
    
height: 48px;
width: 316px;
margin: auto;
border-radius: 8px;
margin-top: 24px;
background: #3751FF;
/* button / accent default */
color: white;

box-shadow: 0px 4px 12px rgba(55, 81, 255, 0.24);
border-radius: 8px;
border: none;
}
.sign-up{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    /* identical to box height, or 143% */
    
    text-align: center;
    letter-spacing: 0.3px;
    
    /* grayscale / gray */
    
    color: #9FA2B4;
    margin: auto;
}

.sign-up-box{
margin: auto;
margin-top: 32px;
}
.sign-up-link{
    
/* SemiBold/14px */

font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
/* identical to box height, or 143% */

text-align: center;
letter-spacing: 0.2px;

/* Main/Blue */

color: #3751FF;
text-decoration: none;
}


.logo-image{
    position: absolute;
width: 90.23px;
height: 32px;
left: 55px;
top: 10px;

}