html{
    width:100vw;
    height:100vh;
    color:white;
}
body{
    background:#242424;
    background:url('bg.jpg');
    background-repeat: no-repeat;
    background-size:cover;
    margin:0;
    width:100%;
    height:100%;

    display:flex;
}
.content{
   
    width:100%;
    display:flex;
    margin:auto;
}
.heading{
    margin:auto;
    display:grid;
}
.logo_container{
    margin:auto;
    display:flex;
    flex-wrap:wrap;
    max-width:1000px;
    width:100%;
}
.logo_container label:not(.sub){
    text-shadow:0pt 0pt 5pt black;
    font-weight:700;
    font-size:30pt;
    font-display:inherit;
    font-feature-settings: "blws";
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.logo_container label.sub{
    text-shadow:0pt 0pt 5pt black, 0pt 2pt 2pt black,  0pt 2pt 10pt black,  0pt 2pt 5pt black;
    margin:auto;
    font-size:15pt;
    color:orange;
    font-family:arial;
 
}
.gradient-background {
    width:100%;
    height:100%;
    display:flex;
    background: linear-gradient(300deg,#840404,#450484,#051376,#056376);
    background-size: 240% 240%;
    animation: gradient-animation 24s ease infinite;
    mix-blend-mode:lighten;
  }
  
  @keyframes gradient-animation {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }