/* 
    ====================================
    ===== SHADOW WIZARD MONEY GANG =====
                by
    [Swag Messiah] & [Swag Reaper]
    ====================================
    This will explode like a nuclear bomb. You are lucky to be reading this
    https://t.me/SWMG_NUKE
    https://x.com/SWMG_NUKE
    "This is a fantasy realm, so we gotta use equivalent right?"
    Nuke to Solana...
*/

body {
    background-color: #000;
    background-image:url("images/bg.png");
    background-repeat: repeat-y;
    background-size: 100% 100%;
    cursor: url(https://cdn.custom-cursor.com/db/cursor/32/colorful_cursor.png),default !important;

}
html {
    height: 100%
}
@media (min-width: 1200px) {
    .container{
        max-width: 1200px;
    }
}
#loader img{
    animation: loading 1s linear infinite;
}
#loader h3{
    font-family: 'Swagmasta', serif;
    background: rgb(104, 8, 80);
    background: -webkit-linear-gradient(left, orange , yellow, green, cyan, blue, violet);
    background: -o-linear-gradient(right, orange, yellow, green, cyan, blue, violet);
    background: -moz-linear-gradient(right, orange, yellow, green, cyan, blue, violet);
    background: linear-gradient(to right, orange , yellow, green, cyan, blue, violet);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 5rem;
    animation: vibrate 0.15s linear infinite;
    filter: drop-shadow(0 -2mm 1mm rgb(109, 1, 1));
}
#loader h4{
    animation: opac 1s linear infinite;
    color: #fff;
}
@keyframes opac {
    0% { opacity: 1;  }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
  }
@keyframes vibrate {
    0% { -webkit-transform: rotate(-3deg);-moz-transform: rotate(-3deg);  }
    50% { -webkit-transform: rotate(3deg);-moz-transform: rotate(3deg); }
    100% { -webkit-transform: rotate(-3deg);-moz-transform: rotate(-3deg); }
}
@keyframes loading {
    0% { transform: scale(1); }
    50% { transform: scale(1.15) }
    100% { transform: scale(1) }
  }
@font-face {
    font-family: Boomster;
    src: url("source/BOOMSTER.otf") format("opentype");
}
@font-face {
    font-family: Wizard;
    src: URL('source/Wizard.ttf') format('truetype');
}
@font-face {
    font-family: Swagmasta;
    src: URL('source/Swagmasta.ttf') format('truetype');
}
@font-face {
    font-family: Greething;
    src: URL('source/GREETHING.ttf') format('truetype');
}
@font-face {
    font-family: Gang;
    src: URL('source/Gravel-Gang.ttf') format('truetype');
}
.kanit-thin {
    font-family: "Kanit", sans-serif;
    font-weight: 100;
    font-style: normal;
  }
  
  .kanit-extralight {
    font-family: "Kanit", sans-serif;
    font-weight: 200;
    font-style: normal;
  }
  
  .kanit-light {
    font-family: "Kanit", sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  
  .kanit-regular {
    font-family: "Kanit", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .kanit-medium {
    font-family: "Kanit", sans-serif;
    font-weight: 500;
    font-style: normal;
  }
  
  .kanit-semibold {
    font-family: "Kanit", sans-serif;
    font-weight: 600;
    font-style: normal;
  }
  
  .kanit-bold {
    font-family: "Kanit", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .kanit-extrabold {
    font-family: "Kanit", sans-serif;
    font-weight: 800;
    font-style: normal;
  }
  
  .kanit-black {
    font-family: "Kanit", sans-serif;
    font-weight: 900;
    font-style: normal;
  }
  
  .kanit-thin-italic {
    font-family: "Kanit", sans-serif;
    font-weight: 100;
    font-style: italic;
  }
  
  .kanit-extralight-italic {
    font-family: "Kanit", sans-serif;
    font-weight: 200;
    font-style: italic;
  }
  
  .kanit-light-italic {
    font-family: "Kanit", sans-serif;
    font-weight: 300;
    font-style: italic;
  }
  
  .kanit-regular-italic {
    font-family: "Kanit", sans-serif;
    font-weight: 400;
    font-style: italic;
  }
  
  .kanit-medium-italic {
    font-family: "Kanit", sans-serif;
    font-weight: 500;
    font-style: italic;
  }
  
  .kanit-semibold-italic {
    font-family: "Kanit", sans-serif;
    font-weight: 600;
    font-style: italic;
  }
  
  .kanit-bold-italic {
    font-family: "Kanit", sans-serif;
    font-weight: 700;
    font-style: italic;
  }
  
  .kanit-extrabold-italic {
    font-family: "Kanit", sans-serif;
    font-weight: 800;
    font-style: italic;
  }
  
  .kanit-black-italic {
    font-family: "Kanit", sans-serif;
    font-weight: 900;
    font-style: italic;
  }
  

.video{
    width: 95%;
    filter: drop-shadow(0 0 5.75rem rgb(160, 0, 210));
    
}
.video:hover{
    cursor: pointer;
}
.logo{
    max-width: 50%;
    filter: drop-shadow(0 -6mm 4mm rgb(160, 0, 210));
}
.logo:hover{
    cursor: pointer;
    transition: transform .3s;
    transform: scale(1.1);
}
#whitepaper img{
    margin-top: 15px;
    max-width: 90%;
    border-radius: 15px;
}
h2{
    margin-top: 15px;
}
.one{
    font-family: 'Boomster', serif;
    font-size: 4rem;
    filter: drop-shadow(1mm 4mm 0.75rem rgb(20, 163, 220));
    -webkit-transform: rotate(-3deg); 
    -moz-transform: rotate(-3deg); 
}
.two{
    font-family: 'Wizard', serif;
    font-size: 4rem;
    filter: drop-shadow(1mm 2mm 0.5rem rgb(226, 74, 240));
    -webkit-transform: rotate(3deg); 
    -moz-transform: rotate(3deg); 
}
.three{
    font-family: 'Swagmasta', serif;
    font-size: 4rem;
    filter: drop-shadow(0 0 0.5rem rgb(243, 150, 29));
    -webkit-transform: rotate(-3deg); 
    -moz-transform: rotate(-3deg); 
}
.four{
    font-family: 'Greething', serif;
    font-size: 5.5rem;
    filter: drop-shadow(0 0 0.5rem rgb(236, 216, 103));
    -webkit-transform: rotate(3deg); 
    -moz-transform: rotate(3deg); 
}
.five{
    font-family: 'Gang', serif;
    font-size: 2.5rem;
    filter: drop-shadow(0 0 0.5rem rgb(103, 236, 225));
    -webkit-transform: rotate(-3deg); 
    -moz-transform: rotate(-3deg); 
}
.six{
    font-family: 'Gang', serif;
    font-size: 2.4rem;
    filter: drop-shadow(0 0 0.5rem rgb(226, 174, 241));
    -webkit-transform: rotate(3deg); 
    -moz-transform: rotate(3deg); 
}
.blue{
    color: #a8e9ff !important;
}
.purple{
    color: #ff4eff !important;
}
.orange{
    color: #ff770d !important;
}
.green{
    color: #000000 !important;
}
.light{
    color: #9cccff !important;
}
.light2{
    color: #ff9cba !important;
}
.left:hover{
    cursor: pointer;
    transition-duration: 0.5;
    -webkit-transform: rotate(-3deg); 
    -moz-transform: rotate(-3deg); 
}
.right:hover{
    cursor: pointer;
    transition-duration: 0.5;
    -webkit-transform: rotate(3deg); 
    -moz-transform: rotate(3deg); 
}
p, ul{
    filter: drop-shadow(0 0 0.75rem rgb(119, 119, 119));
    padding: 10px;
    color: #fff;
}
.text-left{
    text-align: left;
}
.text-right{
    text-align: right;
}

#links img{
    height: 5rem;
    margin-right: 1.5rem;
}
#links img:hover{
    transition: transform .3s;
    transform: scale(1.2);
}

#links .img1{
    filter: drop-shadow(0 -4mm 4mm rgba(34, 157, 194, 0.466));
}

#links .img1:hover{
    filter: drop-shadow(0 -4mm 4mm rgb(0, 84, 210));

}

#links .img2{
    filter: drop-shadow(0 -4mm 4mm rgba(147, 75, 241, 0.466));
}

#links .img2:hover{
    filter: drop-shadow(0 -4mm 4mm rgb(144, 0, 210));

}

#links .img3{
    filter: drop-shadow(0 -2mm 4mm rgba(128, 241, 75, 0.466));
}

#links .img3:hover{
    filter: drop-shadow(0 -2mm 4mm rgb(0, 210, 53));

}

#links .img4{
    filter: drop-shadow(0 -3mm 4mm rgba(241, 183, 75, 0.466));
}

#links .img4:hover{
    filter: drop-shadow(0 -3mm 4mm rgb(210, 172, 0));

}

#links .img5{
    filter: drop-shadow(0 -4mm 4mm rgba(241, 75, 139, 0.466));
}

#links .img5:hover{
    filter: drop-shadow(0 -4mm 4mm rgb(210, 0, 123));

}

.footer{
    font-size: 0.75rem;
    filter: drop-shadow(0 0 0.75rem rgb(243, 150, 29));
}