body{
margin:0;
background:#f4f7fb;
font-family:Arial,sans-serif;
}

.register-container{
display:flex;
justify-content:center;
align-items:center;
min-height:100vh;
padding:80px 1px;
}

.register-box{
background:#fff;
width:600px;
padding:40px;
border-radius:15px;
box-shadow:0 5px 20px rgba(0,0,0,.1);
}

.register-box h2{
text-align:center;
margin-bottom:25px;
}

.form-group{
margin-bottom:15px;
}

.form-group label{
display:block;
margin-bottom:5px;
font-weight:600;
}

.form-group input,
.form-group textarea,
.form-group select{

width:100%;
padding:12px;
border:1px solid #ddd;
border-radius:8px;

}

.btn-register{

width:100%;
padding:15px;
background:#0f4c81;
color:#fff;
border:none;
border-radius:8px;
cursor:pointer;
font-size:16px;

}

.btn-register:hover{

background:#0c3c66;

}



#result {
  text-align: center;
  background: #adc0c3;
  color: #454545;
  font-size: 17px;
  width: 50%;
  margin-left: 25%;
}

@media(max-width:768px){
.register-box {

  width: 256px;
}
}