*,*::after,*::before{
    box-sizing: border-box;
    margin:0px;
    padding:0px;
}
body{
    background-color:  #008080;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows:repeat(6,1fr);
}
header{
    grid-column:1/5;
    grid-row:1/2;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.5em;
    color: black;
    background-color:orange;
}
h2>.material-icons{
    font-size:1em;
    color: white;
}
.info-card{
    grid-column:1/3;
    grid-row:3/6;
    margin-left: 3%;
    background-color: #ffA500;
    border-radius:10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction:column;
    font-size: 1.8em;
    
}
.info-card>.child{
    margin-bottom:2%;
}
.form{
    grid-column:3/5;
    grid-row:3/6;
    display: flex;
    justify-content:center;
    align-items: center;
}
input[type="text"]{
    width:40%;
    outline: none;
    padding:7px;
    font-size: 1.2em;
    border-radius:4px;
    border: none;
}
button[type="submit"]{
    background-color: #ffA500;
    width:30%;
    border: none;
    border-radius:5px;
    color: white;
    padding:7px;
    font-size: 1.2em;
    margin-left: 2%;
}
button[type="submit"]:hover{
    background-color: white;
    color: #ffA500;
}