*{
    margin: 0px;
    padding: 0px;

    font-family:  "Ubuntu", sans-serif;
}

body{
    background-image: linear-gradient(to right, #2c3e50,#3498db );
}
.form{

    display: block;
    width: 50%;
    height: 850px;
    border-radius:20px ;
    box-shadow: 0px 0px 15px grey;
    margin:50px auto;
    overflow: hidden;
    background-color: rgb(236, 236, 236);
}
form{
     border-radius:20px ;
}
h1{
    padding-top: 20px;
    color: rgb(0, 38, 255);
    font-size: 25px;
    text-align: center;
}
input{
    border: 2px  solid rgb(199, 199, 199);
    
    
   
}
.block{
    width: fit-content;
    display: block;
}
option[selected]{
color: antiquewhite;    
}
input[type="text"]{
     margin: 25px auto;
      width: 500px;
    height: 50px;
    border-radius: 15px;
padding-left:20px ;
display: block;
outline: none;
}
input[type="text"]:focus{
    border: 2px solid blue;
}
select{display: block;
      margin: 25px auto;
      width: 525px;
    height: 50px;
    border-radius: 15px;
    padding-left: 20px;
 outline: none;
   
}
select:focus{
    border: 2px solid blue;
}
input[type="email"]{
     margin: 25px auto;
      width: 500px;
    height: 50px;
     border-radius: 15px;
     padding-left:20px ;
     outline: none;
     display: block;
}
input[type="email"]:focus{
    border: 2px solid blue;
    
}
input[type="password"]{
     margin: 25px auto;
     display: block;
      width: 500px;
      padding-left:20px ;
    height: 50px;
     border-radius: 15px;
      outline: none;
}
input[type="password"]:focus{
 border: 2px solid blue;
}
input[type="radio"]{
 margin-left: 65px;
 margin-bottom: 15px;
 width: 15px;
 height: 15px;
}
input[type="checkbox"]{
    margin-left: 65px;
    margin-bottom: 15px;
 width: 15px;
 height: 15px;
}
textarea{
    font-size: 15px;
    padding-top: 20px;
    display: block;
     width: 500px;
      height: 90px;
      border-radius: 15px;
      margin-left: 55px;
      margin-bottom: 20px;
      padding-left:20px ;
      outline: none;
}
textarea:focus{
    border: 2px solid blue;
}
button{
    width: 525px;
     border: 2px  solid rgb(199, 199, 199);
    display: block;
    height: 50px;
    margin: 0 auto;
    border-radius: 15px;
   background-color: rgb(0, 51, 255);
   color: white;
   font-size: 20px;
   transition: 0.3s ease;
}
button:hover{
    background-color: rgb(41, 99, 247);
}