body {
  font-family: initial;
  color:black;
  background-color: rgb(95, 116, 116);
  font-style: normal;
}


h1 {
  color: rgb(23, 35, 70);
  font-weight: bold;
}


button {
  color: rgb(245, 14, 61);
  background-color:rgb(15, 13, 13);
}
button.large {
  color: crimson;
  background-color: black;
  font-size: medium
}
p {
  color: rgb(23, 80, 117);
  font-size:large;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  letter-spacing: 2px;
  background-position: 50px
}
footer{
    font-family: 'Poppins', sans-serif;
    color: whitesmoke;
    text-align: center;
    
    align-items: center;
    background: rgb(25, 25, 43);
    font-size: large;
    border-radius: 1rem;
    
}
footer.icons{
    display: flex;
    gap: 15px;
    margin-top: 15px;
}
strong{
    background-color: #1b5e20;
    padding: 5px;
    border-radius: 50%;
    margin: 5px;
}
.grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 30px;
    text-align: center;
    color: skyblue;
}
.grid div h2 {
    margin-bottom: 10px;
    color: red;
}
.grid div a {
    display: block;
    color: skyblue;
    text-decoration: none;
    margin: 5px 0;
}
.grid div a:hover {
    text-decoration: underline;
}
h2{
  color: rgb(53, 12, 20);
}