@font-face {
    font-family: 'HindSiliguru';
    src: url('fonts/HindSiliguri-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'MrDafoe';
    src: url('fonts/MrDafoe-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-VariableFont_wght.ttf') format('truetype');
    font-style: bold;
    font-weight: bold;
    font-display: swap;
  }

  @font-face {
    font-family: 'Opensauce';
    src: url('fonts/Open-Sauce.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'PlayfaireDisplay';
    src: url('fonts/PlayfairDisplaySC-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Playlist';
    src: url('fonts/Playlist Script.otf') format('opentype');
    font-style: normal;
    font-weight: normal;
    font-display: swap;
  }

*{
    margin:0;
    padding:0;
    box-sizing: border-box;
    font-size:14px;
}

html{
  scroll-behavior: smooth;
}

h1{
    text-align: center;
    font-family: Moontime;
    font-size:4em;
    width:85%;
    padding:0.15em;
    margin:auto;
    border:solid 1px #545454;
    color:#545454;
}

.wa{
  position: fixed;
  bottom:2.5vw;
  right:2.5vw;
  z-index:999;
}

@media(min-width:1367px){
  .wa{
    display:none;
  }  
}