@import url('https://fonts.googleapis.com/css2?family=Averia+Libre:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Delius&display=swap');
header{
    width: 980px;
    margin-left: auto;
    margin-right: auto;
}
nav > ul{
    display:grid;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    justify-content: start;
    justify-items: start;
    align-content: start;
    align-items: start;
    gap:100px;
}
body{
    background-color:rgb(249, 248, 247);
}
section{
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    font-family: sans-serif;
}
h1{
    color:rgb(82, 160, 73);
    font-size: 50px;
    text-align: center;
    border: 5px;
    border-color:rgb(58, 114, 52);
    border-style:solid;
    padding: 20px;
    font-family: "Delius";
}
h2{
    color: rgb(82, 160, 73);
    font-size: 30px;
    border-top:0px;
    border-left:0px;
    border-right:0px;
    border-bottom: 2px;
    border-color:rgb(58, 114, 52);
    border-style:solid;
    width: 500px;
    margin-bottom:0px;
    font-family: "Delius";
}

h3{
    color: rgb(82, 160, 73);
    font-size: 30px;
    border-top:0px;
    border-left:0px;
    border-right:0px;
    border-bottom: 2px;
    border-color:rgb(58, 114, 52);
    border-style:solid;
    width: 500px;
    margin-bottom:0px;
    font-family: "Delius";
}
img{
    display:block;
    width:100%;
    height:100%;
    padding-top: 10px;
}
footer{
    padding:20px;
}
p{
padding-top:5px;
font-family: 'averia libre';
}
p > a{
color:rgb(49, 163, 36);
text-decoration: none;
}
p > a:hover{
color:rgb(145, 26, 26);
text-decoration:none;
}

ul > li{
padding-top:5px;
font-family: 'averia libre';
list-style: none;
}

ol > li{
padding-top:5px;
font-family: 'averia libre';
list-style:lower-roman;
}

li >a{
color:rgb(49, 163, 36);
text-decoration: none; 
}

li > a:hover{
color:rgb(145, 26, 26);
text-decoration:none;
}

nav >a{
   color:rgb(49, 163, 36);
text-decoration: none; 
}
nav > a:hover{
color:rgb(145, 26, 26);
text-decoration:none;
}

em{
   color:rgb(145, 26, 26); 
}

strong{
    color:rgb(145, 26, 26); 
}

.grid1{
    display:grid;
    grid-template-rows: auto;
    grid-template-columns: 400px 300px 300px;
    justify-content: start;
    justify-items: start;
    align-content: start;
    align-items: start;
    gap:10px;
    
}

.grid2{
   display:grid;
    grid-template-rows: auto;
    grid-template-columns: 400px 400px;
    justify-content:start;
    justify-items: start;
    align-content: start;
    align-items: start;
    gap:10px; 
}

figure{
    margin-left: 0px;
    width: 60%;
}

figcaption{
padding-top: 10px;
font-family: 'averia libre';
text-align: center;
}
button{
    margin-top: 20px;
    margin-right: 20px;
    font-family: 'averia libre';
    padding: 5px;
}

#cameron1 > h1{
    color:rgb(73, 85, 160);
    border-color:rgb(52, 63, 114);
}

#cameron > h2{
    color:rgb(73, 85, 160);
    border-color:rgb(52, 63, 114);
}

#cameron > h3{
    color:rgb(73, 85, 160);
    border-color:rgb(52, 63, 114);

}

#cameron > img{
    display: block;
    width:50%;
    height:50%;
    padding-top: 10px;
}




#casey1 > h1{
    color:rgb(160, 73, 73);
    border-color:rgb(160, 73, 73);
}

#casey > h2{
    color:rgb(160, 73, 73);
    border-color:rgb(160, 73, 73);
}

#casey > h3{
    color:rgb(160, 73, 73);
    border-color:rgb(160, 73, 73);

}

#casey > img{
    display: block;
    width:50%;
    height:50%;
    padding-top: 10px;
}