@font-face {
    font-family: "Chaumont Script";
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url("fonte/chaumontscript-regular.woff2") format("woff2"),
         url("fonte/chaumontscript-regular.woff") format("woff");
  }
  @font-face {
    font-family: 'Space Mono';
    src: url('fonte/SpaceMono-Regular.woff2') format('woff2'),
        url('fonte/SpaceMono-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Space Mono';
    src: url('fonte/SpaceMono-Bold.woff2') format('woff2'),
        url('fonte/SpaceMono-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }


  @font-face {
    font-family: "Overused Grotesk";
    src:
      url('OverusedGrotesk-VF.woff2') format('woff2 supports variations'),
      url('OverusedGrotesk-VF.woff2') format('woff2-variations');
    font-weight: 300 900;
  }
  
  
  .overused-grotesk {
    font-variation-settings: "wght" var(--overused-grotesk-wght), "slnt" var(--overused-grotesk-slnt);
  }
  @font-face {
    font-family: 'Insolente';
    src: url('fonte/Insolente-Regular.woff') format('woff2'),
        url('fonte/Insolente-Regular.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'BBB Sprat Condensed';
    src: url('fonte/BBBSprat-CondensedRegular.woff2') format('woff2'),
        url('fonte/BBBSprat-CondensedRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Adelphe Floreal';
    src: url('fonte/Adelphe-FlorealRegular.woff2') format('woff2'),
        url('fonte/Adelphe-FlorealRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Adelphe Fructidor';
    src: url('fonte/Adelphe-FructidorRegular.woff2') format('woff2'),
        url('fonte/Adelphe-FructidorRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




h5{font-family: "Insolente";
 border-width:4px;
 border-style:ridge;
 border-color:rgb(251, 144, 255);
text-align: center;

}
.note{font-size: 2vh;
font-family: 'Adelphe Fructidor';
max-width: 70vh;
padding-left: 30vh; 
padding-bottom: 3vh;
line-height:2.5vh ;
}
.button{max-width: 80vh;
padding-left: 20vh;
margin-top: -5vh;
margin-bottom: 10vh;}
  
  h2{  font-family: "Insolente";
    font-size: 50px;
    color: rgb(220, 43, 226);
    padding-left: 10vh;
    max-width: 85vw;
   }
   h3{ font-family: "Insolente";
    font-size: 30px;
    color: rgb(220, 43, 226);
    padding-left: 10vh;
    max-width: 80vh;}
    
  p{max-width: 80vh;
    text-decoration: none;
    font-size: 2.8vh;
    color: black;
    font-family:'Adelphe Fructidor' ;
    line-height: 3vh;
padding-left: 20vh;
z-index: 2;position:relative ;}
blockquote{font-family: "Insolente";
text-align: right;
padding-bottom: 10vh;
padding-left:50vw ;
right: 50px;
z-index: 3;
}

img{z-index: 1;
position: absolute;
 width : 60vw;
height : auto;
padding-left: 80vh;
padding-top: 10vw;
opacity: 30%;}
.citation{ text-align: right;
  font-weight: bold;}

a{max-width: 80vh;
  text-decoration: none;
  font-size: 2.8vh;
  color: rgb(220, 43, 226);
  font-family:'Adelphe Floreal' ;
  line-height: 3vh;
padding-left: 20vh;
z-index: 2;position:relative ;}