*{margin: 0;
padding:0 ;
box-sizing:border-box;}

nav{
    display: flex;
    justify-content: space-between;
    align-items: center;

}
.link a{
    text-decoration: none;
    margin: 10px;
    font-size: 30px;
    color:black;
    border: 4PX solid wheat;
    box-shadow: 0 0 15PX whitesmoke;
    margin-right: 5PX;

}
.link a:hover{
    background-color: red;
    color: white;
}
.link a:active{
    background-color: darkred;
    color: yellow;
}
body{background-image:url("h1.jpg"); 
       background-repeat:no-repeat;
       background-size:cover;
       background-attachment:fixed;
    }
p{ color:black;
   font-size: x-large;
margin-left: 20px;
margin-right: 20px; }
 main h1{
        color:black;
        font-size: 35;
    }
span{
    color: red;
    font-size: 35px;
}
nav h1{
    color:gold;
    font-size: 30px;
}

.container{
    display:grid;
    grid-template-columns: repeat(6,1fr);
    gap:20px;
}
section{
    width:250;
    height:auto;
    border:2px solid whitesmoke;
    border-radius: 20px 20px 0 0;
    transition: 1s;
    text-align: center;
}
section:hover{
    scale: 0.9;
}
img{
    width:250;
    border-radius: 20px 20px 0 0;
}