*{
    margin:0px;
    font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto, "Segoe UI", Arial, sans-serif;
}
.container{
    display:flex;

    width:100%;
    height:610px;
    
}
.container >div{
    width:40%;
    height:605px;
   
}
h1{
    font-size:37px;
}
h1,p{
    text-align: center;
}
#userdata{
    margin:auto;
    margin-top:30px;
    margin-left:173px;
    margin-right:90px;
    width:34%;
}
#userdata >div{
    display:flex;
    justify-content: center;
    align-items: center;
    margin:auto;
    height:38px;
    width:434px;
    font-size:13px;
    color:white;
    font-family:-apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto, "Segoe UI", Arial, sans-serif;;
    background-color: #1778f2;
    border-radius: 3px;
}
#facebook_logo{
    height:17px;
    width:20px;
    margin-right:15px;
    border-radius: 50%;
}
span{
  
    color:#969099 ;
}
p{
    font-size: 12px;
    margin-top:16px;
    margin-bottom: 50px;
    font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto, "Segoe UI", Arial, sans-serif;
}
.alignment{
    display:flex;
    gap:64px;
    width:100%;
    margin-top:-28px;
    margin-bottom:16px;
}
.user_name{
    height:26px;
    width:190px;
    margin-top: 6px;
}
a{
    color:#969099;
}
label{
   
    font-size: 12px;;
}
input{
    margin-top:6px;
    height:26px;
    width:94%;
   
}
#button{
    height:32px;
    width:96%;
    background-color: black;
    color:white;
    border-radius: 3px;
}
form{
    margin-left:13px;
}
.credential{
    color:#969099 ;
    text-decoration: underline;

}
.imageframe{
    width:540px;
    height:620px;
}
.imagebody{
    position: relative;
    color: white;
}
.bottom-left{
    position: absolute;
    left:50px;
    bottom: 80px;
    font-size: 13px;
}
.Centered{
    position: absolute;
    left:50px;
    top:40%;
}
.Top-left{
    position: absolute;
    top:70px;
    left:50px;
}
.logoimage{
    height:180px;
    width:100px;
    color:white;
}
.amountofimage{
    font-size:19px;
    text-align: left;
    margin-right:80px;
}
h2{
    font-size:39px;
}