*{
  margin-block-start: 2;
  margin-block-end: 2;
  margin-inline-start: 2;
  margin-inline-end: 2;
}

@fonte-face {
  font-family: Bubbles;
  src: url(bubbles.woff);

}

body {
  background-color:#FAFAED;
  padding: 20px;
  padding-bottom: 75px;
}

nav {

}

h1 {
  font-family: Bubbles;
  font-size: 100px;
}

h2 {
  padding: 20px;
  font-weight: normal;

}

p {

}
.grid-container{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3px;
  }


figure {
  background-color: white;
  padding: 20px;
  margin: 10px 0px;
}

figure:hover {
  background-color: #FFEFC9;
}

figcaption {
  font-family: courier;
  visibility: hidden;
}

figure:hover figcaption{
  visibility: visible;
}

img {
  width: 100%;
}

a {

}

a:link{
  color: #EEBD3F;
  text-decoration:none;
}

a:visited{
  color:#EEBD3F;
}

a:hover{
  color:#FFEFC9;
}

.button{
  padding: 10px;
  border-radius: 10px;
  margin: 20px;
  background-color: #FFEFC9;

}

@media screen and (min-width:1000px){
  .grid-container{
    grid-template-columns: repeat(3, 1fr);
    }
}