*{
   margin: 0;padding: 0;
   box-sizing:border-box;
}
.full-page{
   height: 100%;width:100%;
   background-image: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),
   url(color.png);background-position:center ;
   background-size: cover;position: absolute;
}
.navbar{
   display: flex; align-items: center;
   padding: 20px;padding-left: 50px;
   padding-right: 30px;padding-top: 50px;
}
nav{
   flex: 1;text-align: right;
}
nav ul{
   display: inline-block;
   list-style: none;
}
nav ul li{
display: inline-block;
margin-right: 70px;
}
nav ul li a{
   text-decoration: none;
   font-size: 20px;color: white;
   font-family: sans-serif;
}
nav ul li button{
   font-size: 20px;color: aliceblue;
   outline: none;border: none;
   background: transparent;
   cursor: pointer;font-family: sans-serif;
}
nav ul li button:hover{
   color: aqua;
}
nav ul li a:hover{
   color: aqua;
}
a{
   text-decoration: none;
   color: rgb(216, 164, 112);
   font-size: 28px;
}
#login-form{display: none;}
.form-box{
   height: 480px;width: 400px;
   position: relative;margin: 2% auto;
   background: rgba(0,0,0,0.3);overflow: hidden;
}
.button-box{width: 220px;margin: 35px auto;
position: relative;border-radius: 30px;
box-shadow: 0 0 20px 9px #ff61241f;}
.toggle-btn{
   padding: 10px 30px;cursor: pointer;
   background: transparent;border: 0;
   outline: none;position: relative;
}
#btn{
   top:0;left: 0;height: 100%;
   width: 120px;transition: .5s;
   background: #F3c693;
   border-radius: 30px;position: absolute;
}
.input-group-login{
   top:150px;position: absolute;
   width:290px ;transition: .5s;
}
.input-group-register{
   top: 120px; position: absolute;
   width:280px;transition: .5s;
}
.input-field{
   width: 100%;padding:10px 0;
   margin: 5px 0;border-left:0 ;
border-right: 0;border-top: 0;
border-bottom: 1px solid #999;
outline:none; background: transparent;
}
.submit-btn{
   width: 85%;margin: auto;
   padding: 10px 30px;display: block;
   cursor: pointer;border: 0;
   background: #F3c693;outline: none;
   border-radius: 30px;
}
.check-box{
   margin:30px 10px 34px 0;
}
span{
   color: #777;font-size: 12px;
   bottom: 68px;position: absolute;
}
#login{
   left: 50px;
}
#login input{
   color: white;font-size: 15;
}
#register{left: 450px;}
#register input{color: white;font-size: 15;}