nav a:hover {
    color: red;
    text-shadow: 1px 2px 3px black;
    transform: scale(1.3);
    transform: rotate(360deg);
    color: red;
}
h1{
    text-align: center;
    font-size: 32pt;
}
nav {
    text-align: center;
}

nav a {
    color: black;
    transition: all 1.5s;
    margin: 0 30px;
    font-size: 24pt;
    text-decoration: none;
    display: inline-block;
}
section {
    width: 800pt;
    background-color: #EB1700;
    border: 5pt solid #0e5888;
    margin: auto;
    box-shadow: 5px 5px 50px 5px #0000ff;
}
h1 {
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 80pt;
    color: #EB1700;
    margin: 0;
    text-shadow: 8px 8px 10px  #EB9000;
}
body{
    background-color: #23addb;
    font-family: "Comic Relief", system-ui;
}
.comic-relief-regular {
    font-family: "Comic Relief", system-ui;
    font-weight: 400;
    font-style: normal;
  }
img {
    border: 5px solid #23addb;
    margin: 0 12px 0px 0;
    filter: saturate(0);
    margin: auto;
    display: block;
    transform: scale(75%);
}

img:hover {
    box-shadow: black;
    filter: none;
    transition: all 0.5s ease-in-out;
    transform: scale(100%);
}
p{
    text-align: center;
}