:root{
    --bgColor: #0E3651;
    --textColor: #DEEBF7;
    --boldColor: #9ECAE1;
    --font: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
body{
    margin: 30px;
    background-color: var(--bgColor);
    color: var(--textColor);
    font-family: var(--font);
}
form{
    background-color: #153c57;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 8px 11px 20px #011929;
    max-width: 600px;
}
h2{
    font-size: 24px;
    font-weight: bolder;
    color: var(--boldColor);
    margin-bottom: 10px;    
}
    
legend{
    font-size: 20px;
    font-weight: bold;
    color: var(--boldColor);
    margin-bottom: 8px;
}
input, select{
    margin: 5px 0px 15px 0px;
    border-radius: 5px;
    border:none;
    padding: 5px;       
    margin-left: 10px;
    background-color: #27526e;
    color: var(--textColor);
}
::placeholder{
    color: var(--textColor);
}
label{
    font-weight: bold;
    margin-left: 10px;
}
button{
    background-color: #1a4b6b;
    color: var(--textColor);
    font-weight: bold;
    border: none;
    border-radius: 5px;
    padding: 10px 15px;
    margin: 10px 10px 0px 0px;
}
button:hover{
    background-color: #274f6e;

}