:root {
--dark-beige: #E6DACD;  
--light-beige: #F4ECE6;  
--royal-blue: #0150FD; 
--black: #000;  
--purple: #a90fe6; 
}

 /* .grid-container{
  display:grid;
  grid-template-areas: "h h h h h h h h h h h h"
    "m m m m m m m m m m m m "
    "f f f f f f f f f f f f";
  grid-template-rows: 100px 2fr 300px;  
} 
   */
header{
   padding-top:2rem;
   grid-template-rows:100px; 
}

h1{
    text-align: center;
    padding-top: 2rem;
}

.contacts2{
    padding-top: 1rem;
}

.socials-contact{
    padding-bottom: 3rem;
}

fieldset{
    background-color: white;
    margin: 4rem 1.5rem 0rem 1.5rem;
    padding: 1.5rem;
    border-style: none;
}

input{
   padding: 1rem 4rem; 
}

.box{
margin-top:10px;  
margin-right: 1rem; 
border-top:none;
border-left:none;
border-right:none;
border-bottom:black solid 2px;
outline:none; 

}
.box:hover{
   border-bottom:var(--royal-blue) solid 2px; 
}
.star{
    color:var(--royal-blue);
    font-size:20px;
}

button{
    padding:8px 35px;
    background-color: var(--royal-blue);
    cursor: pointer;
    border-radius: 20px;
    color:white;
    border-style: none;
    margin-top:20px;
    margin-left:5rem;
}