@font-face {
    font-family: 'tostadaitalic';
    src: url('tostada_italic-webfont.woff2') format('woff2'),
         url('tostada_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  
  }
  
  
  
  
  @font-face {
    font-family: 'tostadaregular';
    src: url('tostada-webfont.woff2') format('woff2'),
         url('tostada-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  
  }
  
  
  
  
  @font-face {
    font-family: 'saira_semicondensedmedium';
    src: url('sairasemicondensed-medium-webfont.woff2') format('woff2'),
         url('sairasemicondensed-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  
  }
  
  
  
  
  @font-face {
    font-family: 'saira_semicondensedregular';
    src: url('sairasemicondensed-regular-webfont.woff2') format('woff2'),
         url('sairasemicondensed-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  
  }
  
  
  
  
  @font-face {
    font-family: 'saira_semicondensedsemibold';
    src: url('sairasemicondensed-semibold-webfont.woff2') format('woff2'),
         url('sairasemicondensed-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  
  }
  
  
  
  
  @font-face {
    font-family: 'saira_semicondensedthin';
    src: url('sairasemicondensed-thin-webfont.woff2') format('woff2'),
         url('sairasemicondensed-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  
  }
  
  
  
  
  @font-face {
    font-family: 'saira_semicondensedlight';
    src: url('sairasemicondensed-light-webfont.woff2') format('woff2'),
         url('sairasemicondensed-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  
  }
  
  
  
  
  @font-face {
    font-family: 'saira_semicondensedextralight';
    src: url('sairasemicondensed-extralight-webfont.woff2') format('woff2'),
         url('sairasemicondensed-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  
  }
  
  
  
  
  @font-face {
    font-family: 'saira_semicondensedextrabold';
    src: url('sairasemicondensed-extrabold-webfont.woff2') format('woff2'),
         url('sairasemicondensed-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  
  }
  
  
  
  
  @font-face {
    font-family: 'saira_semicondensed_semiconBd';
    src: url('sairasemicondensed-bold-webfont.woff2') format('woff2'),
         url('sairasemicondensed-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  
  }
  
  
  
  
  @font-face {
    font-family: 'saira_semicondensedblack';
    src: url('sairasemicondensed-black-webfont.woff2') format('woff2'),
         url('sairasemicondensed-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  
  }
  
  @font-face {
    font-family: 'audiowideregular';
    src: url('audiowide-regular-webfont.woff2') format('woff2'),
         url('audiowide-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  
  }

body{
    background-color: #3d4254;
    padding: 6vh 0 0 8vw;
}

.background-image{
    z-index: -1;
    filter: blur(100px);
}

h2{
    font-family: SairaSemiCondensed-thin;
    text-align: center;
    font-weight: 800;
    color: #bcbcbc;
    letter-spacing: 0.1em;
}

img{
    border-radius: 10%;
}

.ratio-16x9 img{
    padding: 1rem;
}

.ratio{
    --bs-aspect-ratio: 75%;
}

.small{
    font-size: large;
}

p{
    font-family: saira;
    background-image: linear-gradient(180deg,black, transparent);
}