html {
    font-family: Arial, Helvetica, sans-serif;
}

body {
    padding: 1rem;
    background-color: #A9CEF4;
}

.grid {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr 1fr;
}

h1 {
    color: #C83E4D;
    text-align: center;
} 

h2, h3 {
    color: #4A5859;
}

.box {
    background-color: #F3E5C3;
    border-radius: 10px;
    padding: 10px;
    display: flex;
    gap: 10px;
    box-shadow: 2px 2px 5px rgb(165, 170, 172);
}

div.dog {
          width: 175px;
          height: 175px;
          border-radius: 10px;
          background-image: url(https://users.ct.fh-salzburg.ac.at/dogs.webp);
      }

@media (max-width: 1100px){
    .grid {
       grid-template-columns: 1fr 1fr; 
    }
}

@media (max-width: 740px){
    .grid {
       grid-template-columns: 1fr; 
    }
}