@font-face{
  font-family: "Baskervville";
  src: url("fonte/Baskervville-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: "Baskervville";
  src: url("fonte/Baskervville-Italic.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}



body {
  display: flex;
  flex-direction: column;
  gap: 2.5em;
  
  margin-top: 3em ;
  margin-bottom: 3em ;
  font-family:"Baskervville" ;

}
.scrollable {
  background:#ffffff;
  display: flex;
  gap: 0.5em;
 
  align-items: center;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
  overflow: -moz-scrollbars-none;
  scrollbar-width: none;
  
 
}

/* for images to be the same height */
.scrollable img {
  height: 26vh;
}

button{
    position: absolute;
   
    z-index: 33333;
font-size: 1em;
    text-decoration: none;
    color: rgb(0, 0, 0);
  padding: 0.5vh 1vw;
  border-radius: 6px;
  border: #000000;
  border: 0.05em solid;

background-color: rgb(255, 255, 255);
  cursor: pointer;
  transition: all 0.2s ease;
  font-family:"Baskervville" ;
}
button:hover{
    transform: rotate(3deg);
}


a{
    text-decoration: none;
    color: black;
}

#t1{
   margin-left: 90vw;
   margin-top: 25vh;
}
#t2{
   margin-left: 90vw;
   margin-top: 25vh;
}#t3{
   margin-left: 90vw;
   margin-top: 25vh;
}

img{
     border: 0.05em solid #000000;
}

.une{
    margin-left: 2vw;
}