/* fonts */

  @import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=ABeeZee&display=swap');


/* text */

  h1, h2 {
    font-family: 'Permanent Marker', cursive;
  }

  h1 {
    font-size: 3.5rem !important;
    margin: 0;
  }

  h2 {
    font-size: 2.5rem !important;
  }

  .storyheader {
    color: antiquewhite;
  }

/* body */ 

* {
    box-sizing: border-box;
  }

  body{
    margin: 0;
    font-family: 'ABeeZee', sans-serif !important; 
  }

  .v-child{
    scroll-snap-align: center;
    scroll-snap-stop: always;
    overflow-y: scroll;
    height: 100vh;
    width: 100vw;
    display: flex;
  }

  .h-sect{
    scroll-snap-type: x mandatory;
    overflow-x: auto;
    display: flex;
  }

  .h-child{
    scroll-snap-align: center;
    flex: 0 0 auto;
    margin: 0;
    height: 100vh;
    width: 100vw;
  }

  .list{
    margin: 0;
  }

  .bg-body {
    opacity: 95%;
  }

  .story {
    height: 800px;
  }
  
  .emojinote {
    vertical-align: sub;
    font-size: 50px;
  }

  .sidebox {
    margin-top: 225px;
  }

  .card-issue:hover {
    background-color: #000;
    color: fff;
  }

  /* Photos background */

  .intro-slide {
    background-image: url('/cover.jpg');
    width: 100vw;
    height: 100vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  /* Color background */

  /* mobile fixes */ 

  @media (max-width: 425px) {
    .shadow-lg {
      height: 450px !important;
    }

    .p-5 {
      padding: 1.5rem !important;
    }
  }

  @media (max-width: 820px) {
    .shadow-lg {
      height: 750px;
    }
  }