label {
    display: grid;
    grid-template-columns: 1fr;
    color: white;
    row-gap: 5px;
    margin-bottom: 5px;
  }
  
  * {
    box-sizing: border-box;
  }
  
  @keyframes filter-in {
    0%, 20% {
      filter: url("#filter");
    }
    10% {
      filter: none;
    }
  }
  
  body svg {
    width: 100%;
    height: 100%;
    max-height: 410px;
  }
  
  body svg g {
    animation: glitch 4s linear infinite;
    transform-origin: 50% 50%;
  }
  
  
  @keyframes glitch {
    1%{
      transform: rotateX(10deg) skewX(90deg);
    }
    2%{
      transform: rotateX(0deg) skewX(0deg);
    }
  }

  .glitch{

    margin-top: 25%;
}

  .fade-in-image { animation: fadeIn 10s; }

  @keyframes fadeIn {
    0% { opacity: 0; }
    25% { opacity: 0; }
    100% { opacity: 1; }
  }

  @font-face {
    font-family: 'PF';
    src: url('PF.ttf') format('opentype');
}

@media screen and (max-width: 790px){
    .img-glitch{
        height: 35vh;
        padding-top: 20%;
    margin: auto;
    }
    
}

.btn--stroke, button.btn--stroke {
  background-image: url('../images/button.svg');
  border: 1px solid var(--color-btn-stroke);
  color: var(--color-btn-stroke-text);
}

.btn, button{
  --btn-height: var(--vspace-btn);
  display: inline-block;
  font-family: var(--font-4);
  font-weight: 800;
  font-size: var(--text-xs);
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  height: var(--btn-height);
  line-height: calc(var(--btn-height) - 2px);
  padding: 0 3.6rem;
  margin: 0 0.4rem var(--vspace-0_5) 0;
  color: var(--color-btn-text);
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  transition: all .3s;
  background-color: var(--color-btn);
  border: 1px solid var(--color-btn);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


marquee {
  margin-right: 20px;
  /* transform: rotate(90deg); */
  bottom: 0px;
  font-family: var(--font-2);
  font-size: 2.8rem;
  background-color: #f22700;
  color: #000000;
  padding: 6px 0;
  width: calc(100% + 14px);
  margin-left: 0px;
  flex-shrink: 0;
  text-transform: uppercase;
  letter-spacing: 0rem;
}


marquee a{
  padding-right: 15%;
  color: #000000;
  text-decoration: underline;
}

@media screen and (max-width: 800px) {
  marquee a{
  padding-right: 25%;
  }
}
marquee a:hover{
  text-decoration: line-through;
  color: #ffffff;
}

.right-blog {
  margin-left: 0px;
  padding-top: 6rem;
  display: flex;
  flex-direction: column;
  margin-bottom: 0px;
}


.text-normal{
  font-size: larger;
  font-weight: 300;
}

main{
  min-height: 100vh;
}