body {
    background-color: #664949; 
    padding: 0;
    margin:0;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
 
    
    display: grid;
    grid-template-areas:  
        "nav"
        "header"
        "main"
        "footer";
}

header {
    grid-area: header;

    padding:55px;
    margin: 0;
    border: 9px solid black; 
    font-size: 66px;
    font-family: Impact;
    position: fixed;
    width: 100%;
    min-height: 110px;
    
    
}
nav {
    grid-area: nav;
    color:darkmagenta;
background-color: #1c0000;
font-size: 15px;
padding: 1px;
    width: 100%;
    border-radius: 1px;
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
}

a {color: magenta;
text-decoration: none; 

}
a:hover {
    color: yellow;
    text-shadow: 2px 2px 5px #6d2626 ;
}



nav p {
    font-family: Impact;
    text-align: center;}



main {grid-area: main;}
footer {grid-area: footer;}

  main  {
    
    margin: 20px;
    font-size: 25px;
    font-family: Impact;
   padding: 150px 0 0 0;
  
    
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; 
    gap: 15px; 
     
    }
main section { 
background-color: dimgrey;
padding: 20px; 
border: 4px solid black;
    width: 350xx;
    height: 350px;
    border-radius: 15px;

}

main section:hover { opacity: 0.8;
transform: scale(1.01)}


footer {grid-area: footer;
    color:darkmagenta;
background-color: #000000;
font-size: 15px;
padding: 1px;
display:grid;
grid-template-columns: 1fr 1fr 

}