body {
    overflow-x: hidden;
    text-align: center;
    background: linear-gradient(45deg, #3333ff, #00ffcc, #ff6600);
    background-size: 400% 400%;
    animation: gradientBG 16s ease infinite;
    font-family: "Noto Sans Display", sans-serif;
  font-optical-sizing: auto;
}
header {
    background: rgba(255,255,255,0.4);
   backdrop-filter: blur(30px);
}
.logo-box img{
height: 100px !important;
margin:-20px 0px 0px -20px !important;
}
.heading{
    padding:0px;
    margin-top:80px;
    background: linear-gradient(45deg, #191970, #005343);
   backdrop-filter: blur(30px);
   color:#fff;
   font-size: smaller;
}
.hero-heading{
    font-size: 160%;
    padding: 50px 0px;
}
button{
    border-radius: 50px;
    background: linear-gradient(45deg, #191970, #005343);

}

    header>.container>ul>li>ul{
        color:#fff;
    }
.hero-heading button{
    
    padding: 15px 40px;
    font-size: 18px;
    display: inline-block;
    margin-top: 30px;
    color: white;
    text-decoration: none;
    transition: 0.4s;
}
.hero-heading button.bold{
    background: linear-gradient(90deg, #ff00cc, #00ffff);
    box-shadow: 0 0 5px #000;
}

.hero-heading button.bold:hover {
    transform: scale(1.1);
    box-shadow: 0 0 2px #000;
}
.close-button{
    background: none!important;
}
.whitepaper
{
    border-radius: 20px;
    text-align: left;
    background: rgba(255,255,255,0.8);
   backdrop-filter: blur(30px);
   padding: 10px 20px;
   margin:10px 0px;
}
footer {
    background: rgba(255,255,255,0.4);
   backdrop-filter: blur(30px);
}
.spinner{
    animation: spin 8s linear infinite;
}.slow-spinner{
    animation: spin 40s linear infinite;
}
.slanted{
font-family: "Playwrite NO", cursive;
  font-optical-sizing: auto;
}
.text-large
{
    font-size: 120%;
}
/* Rotating Logo */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* Animated psychedelic gradient */
@keyframes gradientBG {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
  @media screen and (min-width: 1080px) {

 .close-button{
    position: absolute;
    top:100px;
    right:0px;
}
  }
  @media screen and (max-width: 1080px) {

    header>.container>ul{    
        color:#fff;
    
    background: linear-gradient(45deg, #191970, #005343);
   backdrop-filter: blur(30px) !important;
    }
  }