*{
    margin:0;
    padding:0;
    font-family:sans-serif;
}
body{
    background:#fec107;
    padding:0 10px;
}
.wrapper{
    display:flex;
    min-width:600px;
    justify-content:flex-end;
}
.wrapper .admin{
    border:1px solid black;
    padding:5px 5px;
    background:#000;
    color:#fec107;
    margin-top:20px;
    font-weight:600;
}
.wrapper .admin:hover{
    background:#fff;
}
.wrapper .admin a{
    text-decoration:none;
    color:#fec107;
}
.container{
   max-width:800px;
   width:100%;
   background:#fff;
   margin:5px auto;
   padding:15px;
   box-shadow:1px 1px 2px rgba(0,0,0,0.125);
   margin-top:60px;
}
.container .title{
    font-size:20px;
    font-weight:600;
    margin-bottom:25px;
    margin-top:10px;
    color:#fec107;
    text-transform:uppercase;
    text-align:center;
}
.container .title1{
    font-size:23px;
    font-weight:300;
    margin-bottom:25px;
    margin-top:10px;
    color:#000;
    text-transform:uppercase;
    text-align:center;
}
.container .title2{
    font-size:23px;
    font-weight:800;
    margin-bottom:25px;
    margin-top:10px;
    color:#fec107;
    text-transform:uppercase;
    text-align:center;
    text-shadow:2px 2px 2px yellow;
}
.container .titlee{
    font-size:20px;
    font-weight:600;
    margin-bottom:25px;
    margin-top:10px;
    color:#fec107;
    text-transform:uppercase;
    text-align:center;
}


.container .form{
    width:100%;
}
.container .form .input_field{
    margin-bottom:15px;
    display:flex;
    align-items:center;
}
.container .form .input_field label{
    width:200px;
    color:#000;
    margin-right:10px;
    margin-left:7px;
    font-size:15px;
    font-weight:500;

}
.container .form .input_field .input{
    width:100%;
    outline:none;
    border:1px solid #d5dbd9;
    font-size:16px;
    padding:8px 10px;
    border-radius:5px;
    transition:all 0.3s ease;
    text-transform:uppercase;
}
.container .form .input_field .input1{
    width:100%;
    outline:none;
    border:1px solid #d5dbd9;
    font-size:16px;
    padding:8px 10px;
    border-radius:5px;
    transition:all 0.3s ease;
   
}

.container .form .input_field .input:hover{
    border:1px solid #fec107;
    box-shadow:2px 2px 2px #fec107;
}
.container .form .input_field .btn{
   width:100%;
   padding:10px 10px;
   font-size:17px;
   border:0;
   background:#fec107;
   cursor:pointer;
   color:#fff;
   border-radius:3px;
   outline:none;
   margin-top:10px;
}
.container .form .input_field .btn:hover{
    background:#ffd658;
}
.container .success{
    width:100%;
   padding:10px 10px;
   font-size:17px;
   border:0;
   background:rgb(0,200,0);
   color:#fff;
   border-radius:3px;
   outline:none;
   margin-top:10px;
   text-align:center;
}

@media (max-width:520px)
{
    .container .form .input_field{
        flex-direction:column;
        align-items:flex-start;
    }
    .container .form .input_field{
        margin-bottom:5px;
    }
}