body{
  border-style: dotted;
  border-radius: 1rem;
  min-height: 580px;
  background-color: black;
  color: white;
  font-family: Consolas, 'Courier New', Courier, monospace;
  transition: 0.03s;
  font-size: clamp(0.5rem, 2vw, 1.5rem);
  margin: 2vw;
  padding: 2vw;
}

.gallery{
    width: 100%;
    margin-top: 1rem;
    border: dotted white;
    border-radius: 1rem;

}

main{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    text-align: center;
    margin-top: clamp(1rem, 4vw, 4rem);
    margin-bottom: 8rem;
}


img{
    width: 60%;
    transition: 0.3s;
}

main img{
    border: dotted;
    color: white;
    border-radius: 1rem;
    padding: 0.5rem;
    
}
main img:hover{
    border-style: dotted;
    border-radius: 1rem;
    color: white;
    padding: 0.8rem;
    transition: 0.3s;
}