*{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
}
body {
   font-family: Arial, sans-serif;
   line-height: 1.2;
   background: linear-gradient(150deg,rgb(2, 58, 162) 83%, rgba(240, 239, 230, 1) 100%);
   }
header{
   color: white;
   padding: 10px 0;
   text-align: center;
   width: 100%;
}
h1 {
   margin-bottom: 10px;
   color: yellow;
}
main {
   background-color: white;
   border: none;
   border-radius: 8px;
   margin: 10px auto;
   max-width: 600px;
   height:800px;
   padding: 20px;
}
label{
   display: block; 
   color: rgb(2, 58, 162);
   font-weight: normal;
   margin: 5px;
}
.input-field, select{
   border: 1px solid #ccc;
   background-color: #dddd;
   border-radius: 5px;
   font-size: 14px;
   margin-top: 5px;
   padding: 10px;
   width: 100%;
}
select {
   color: rgb(2, 58, 162);
}
fieldset {
   border: 2px solid rgb(2, 58, 162);
   color: rgb(2, 58, 162);
   font-weight: bold;
   border-radius: 8px;
   margin-top: 20px;
   padding: 10px;
}

button{
   background-color: rgb(2, 58, 162);
   border: none;
   border-radius: 8px;
   color: yellow;
   font-weight: bold;
   cursor: pointer;
   font-size: 14px;
   padding: 10px 20px;
   margin: 10px 10px 10px 0;
}
footer {
   background-color: rgba(2, 58, 162, 0.8);
   color: white;
   padding: 10px 0;
   text-align: center;
   width: 100%;
}