canvas{
    /* position: absolute; */
    top: 0;
    z-index: -10;
    /* mix-blend-mode: multiply; */
    opacity: .8;
}
html{
    background: white;
    /* background: #121212; */
    /* color:white; */
    overflow: hidden;
    /* background: linear-gradient(75.5deg, rgb(255, 206, 207) 0%, #FFFFFF 55.37%); */
}

@font-face {
  font-family: 'standard 07_66';
  src: url('Standard0766.woff2') format('woff2'),
      url('Standard0766.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body{
    margin:0;
}
.fadeOut {
    animation-duration: 1s;
    animation-name: fadeOut;
    opacity: 0;
  }
.fullCanvas{
    position: absolute;
    right: 0;
}

@keyframes fadeOut {
    from {
      opacity: 1;
    }
  
    to {
      opacity: 0;
    }
  }
  .fadeIn {
    animation-duration: 2s;
    animation-name: fadein;
    opacity: 1 !important;
    transition: .8s opacity;
  }

@keyframes fadeIn {
    from {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
  }

  .scaleOut {
    animation-duration: 1s;
    animation-name: scaleOut;
    height: 0 !important;
    transition: .8s height;
    /* display: none !important; */
  }
  
  @keyframes scaleOut {
    from {
      height: 15vh;
    }
  
    to {
      height: 0;
    }
  }