html {
    scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
html {
    scroll-behavior: auto;
}
}
/* @media only screen and (max-width: 768px) {
    body {
        font-size: 20px;
    }
}
@media only screen and (max-width: 320px) {
    b {
    font-size: 10px;
    }
} */

h1, h2, h3, h4, h5, h6 {
    scroll-margin-top: 1em;
    scroll-margin-bottom: 1em;
    line-height:1.2;
}

class {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.txt:hover {
text-decoration: underline;
}

video#myVideo { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: no-repeat;
    background-size: cover;
    }
    /* video {position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -10;} */

.inviteButton {
    background-color:#5865f2;
    -webkit-border-radius:33px;
    -moz-border-radius:33px;
    border-radius:33px;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family: 'Roboto';
    font-size:25px;
    font-weight:bold;
    padding:16px 31px;
    text-decoration:none;
    text-shadow:0px 1px 0px #5865f2;
    align-content: center;
    text-align: center;
}
.inviteButton:hover {
    background-color:#5865f2;
}
.inviteButton:active {
    position:relative;
    top:1px;
}

body{margin:40px auto;
    max-width:1200px;
    line-height:1.6;
    font-size:18px;
    font-family: 'Roboto';
    /* color:#444; */
    scroll-margin-top: 1em;
    color: #fff;
    padding:0 
    10px}

p{margin:40px auto;
max-width:1200px;
line-height:1.6;
font-size:18px;
font-family: 'Roboto', sans-serif;
/* color:#444; */
scroll-margin-top: 1em;
color: #fff;
padding:0 
10px;}

img {  
-drag: none;
user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none;
}

/* For Footer */


/* Loading Animation */
.spinner {
    margin: 100px auto;
    width: 40px;
    height: 40px;
    position: relative;
  }
  
  .cube1, .cube2 {
    /* background-color: #333; */
    background-color: #5865f2;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0;
    left: 0;
    
    -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
    animation: sk-cubemove 1.8s infinite ease-in-out;
  }
  
  .cube2 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
  }
  
  @-webkit-keyframes sk-cubemove {
    25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) }
    50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) }
    75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }
    100% { -webkit-transform: rotate(-360deg) }
  }
  
  @keyframes sk-cubemove {
    25% { 
      transform: translateX(42px) rotate(-90deg) scale(0.5);
      -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    } 50% { 
      transform: translateX(42px) translateY(42px) rotate(-179deg);
      -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
    } 50.1% { 
      transform: translateX(42px) translateY(42px) rotate(-180deg);
      -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    } 75% { 
      transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
      -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    } 100% { 
      transform: rotate(-360deg);
      -webkit-transform: rotate(-360deg);
    }
  }