*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
  color: inherit;
  text-decoration: none;
}
ul {
  list-style: none;
}

Body {
  padding-top: 40px;
  background-color: white;
  font-family: 'Inter',sans-serif;
  height: 100vh;
  display: flex;

}

.header {
  position: fixed;
  top: 0;
  width: 100%;
}

.navbar {
  background-color: #23262F;
}

.navbar_content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 30px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: space-between;

}

.logo {
  display: flex;
  align-items: center;
}

.logo_img {
  height: 100px;
}

.nav{
  transition: all 0.3s ease-in-out;
}

.nav_list {
  display: flex;
  column-gap: 40px;
}

.nav_item{

}

.nav_link{
  color: white;
  transition: all 0.2s;
}

.nav_link:hover,.nav_link:focus{
  color: blanchedalmond;
}

.btn_signup{
  color: white;
  background-color: #B29B6B;
  padding: 8px 20px;
  border-radius: 1000px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  transition: all 0.2s;

}

.btn:hover {
  background-color: #af9c72;
}

.Left{
    margin-top: 70px;
    
}
.Right{
}
.formcontainer{
    float: right;
    margin-right: 400px;
    
}

body {
    margin: 0;
    font-family: 'Lucida Grande', tahoma,verdana,arial,sans-serif;
    
  }
  
 
  
  #contentwrapper {
    margin-top: 60px;
    width: 100%;
    height: 606px;
    
  }
  
  #content {
    margin: 0;
    padding-top:30px;
    position: relative;
  }
  

  
  .leftbod {
    
    position: fixed;
    
    
    
  }
  .leftbar{
    margin-top: 30px;
    margin-left: 100px;
  }
 
  
  
  .iconwrap {
    margin-right:20px;
    width:55px;
    
  }
  
  .rowtext {
    font-size:16px;
    font-weight:bold;
    color:#333;
  }
  
  
  .fb1 {
    display:inline-block;
    vertical-align: middle;
  }
  
  .rowtext2 {
    font-size:15px;
    color:#666;
    margin-left:10px;
  }
  
  #rightbod {
    
    position: relative;
    vertical-align:top;
    width:399px;
    height:200px;
    float: right;
    margin-right: 300px;
    margin-top: 30px;
    
  }
  
  .signup {
    font-size:36px;
    -webkit-font-smoothing: antialiased;
    font-weight:700;
    margin-bottom:50px;
    text-align: center;
  }
 
  
  
 
  
  .formbox {
    display: inline-block;
    margin: 10px;
  }
  .already{
    margin-left: 10px;
    font-weight: 500;
  }
  
  .inputbody {
    height: 55px;
    background-color: #f0f0f0f0;
    margin: 10px 0;
    border-radius: 55px;
    grid-template-columns: 15% 85%;
    padding: 0 0.4rem;
    position: relative;
  }
  
  ::-webkit-input-placeholder {
     color: #999;
  }
  
  ::-moz-placeholder {
     color: #999;  
  }
  
  :-ms-input-placeholder {  
     color: #999;  
  }
  
  .in1 {
    width:172px;
  }
  
  .in2 {
    width:377px;
  }
  
  
  
  .bday {
    font-size:19px;
    color:#141823;
    -webkit-font-smoothing: antialiased;
    margin-bottom:5px;
  }
  
  .selectbody {
    display: inline-block;
    height:30px;
    font-size: 13px;
    border: 1px solid #0a162c;
    -webkit-border-radius: 5px;
    color:#141823;
   
  }
  
  .agree {
    font-size: 15px;
    color: #777;
    margin: 11px 0 11px ;
  }
  
  .link {
    color:#3b5998;
    display: inline-block;
    cursor: pointer;
  }
  
  .signbut {
    width: 150px;
    height: 49px;
    outline: none;
    border: none;
    border-radius: 10px;
    background-color: #23262F;
    color: beige;
    font-weight: 600;
    margin: 10px 0;
    transition: all 0.5s;
  }
  
  .signbut:hover {
    background: -webkit-linear-gradient(#79bc64, #578843);
  }
  
  .create {
    border-top: 1px solid #a0a9c0;
    color: #666;
    font-size: 13px;
    font-weight: bold;
    margin-top: 10px;
    padding-top: 15px;
  }