/*///////////////////////////////////////////////////*/
/* FORCE FONT */
@font-face {
    font-family: 'Sansus Webissimo';
    src: url('https://mitsu.games/cdn/website/SansusWebissimo.eot');
    src: url('https://mitsu.games/cdn/website/SansusWebissimo.eot?#iefix') format('embedded-opentype'),
        url('https://mitsu.games/cdn/website/SansusWebissimo.woff2') format('woff2'),
        url('https://mitsu.games/cdn/website/SansusWebissimo.woff') format('woff'),
        url('https://mitsu.games/cdn/website/SansusWebissimo.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/*///////////////////////////////////////////////////*/
/* PREVENT SCROLLBAR */
::-webkit-scrollbar {
    display: none;
}
/*///////////////////////////////////////////////////*/
/* PREVENT SELECTIONS AND DRAGS */
* {
    -webkit-user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    /*touch-action: none;*/
    -webkit-touch-callout:none;
    font-family: 'Sansus Webissimo'!important;
    font-weight: normal!important;
    font-style: normal!important;
}
/*///////////////////////////////////////////////////*/
/* STUFF NEEDED OR THINGS BREAK */
html {
    overflow: hidden;
    padding: env(safe-area-inset);
}
body {
    overflow:hidden;
    background: #093b6f;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
}
html, body, #__next, .home-container,.home-container1 {
    width: 100%;
    /* height: 100%!important; */
    height: -webkit-fill-available;
    min-height: 100%!important;
}
.home-container01 {
    width: 100%!important;
    height: 100%!important;
}
/*///////////////////////////////////////////////////*/
/* BACKGROUND ANIMATIONS */
@media (min-width: 769px) {
    #tiledbg{
        -webkit-animation: bgScroll 5s linear infinite;
        -moz-animation: bgScroll 5s linear infinite;
        -o-animation: bgScroll 5s linear infinite;
        animation: bgScroll 5s linear infinite;
    }
}
@media (max-width: 768px) {
    #tiledbg{
        -webkit-animation: bgScrollMobile 5s linear infinite;
        -moz-animation: bgScrollMobile 5s linear infinite;
        -o-animation: bgScrollMobile 5s linear infinite;
        animation: bgScrollMobile 5s linear infinite;
    }
}
@keyframes bgScroll {
    0% {
        background-position : 0px 0px
    }
    100% {
        background-position : -400px -400px
    }
}
@keyframes bgScrollMobile {
    0% {
        background-position : 0px 0px
    }
    100% {
        background-position : -200px -200px
    }
}
#glowbg{
    -webkit-box-shadow: inset 0px 0px 48px 48px rgba(0,255,255,0.5);
    box-shadow: inset 0px 0px 48px 48px rgba(0,255,255,0.5);
    -webkit-animation: glowFade 2s cubic-bezier(0.37, 0, 0.63, 1) infinite;
    -moz-animation: glowFade 2s cubic-bezier(0.37, 0, 0.63, 1) infinite;
    -o-animation: glowFade 2s cubic-bezier(0.37, 0, 0.63, 1) infinite;
    animation: glowFade 2s cubic-bezier(0.37, 0, 0.63, 1) infinite;
}
@keyframes glowFade {
    0% {
        opacity : 0%
    }
    50% {
        opacity : 50%
    }
    100% {
        opacity : 0%
    }
}
/*///////////////////////////////////////////////////*/
/* FIX FOR ACHIEVEMENTS */
#fixAchievements {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    background: rgb(0 50 101 / 70%);
    border: 1px solid rgb(0 115 255 / 70%);
    border-radius: 16px;
    padding: 12px;
}
.home-image16 {top:6px!important;max-width: calc( 100% - 16px );}
.home-image17 {bottom:6px!important;max-width: calc( 100% - 16px );}
.home-container18 {padding:unset!important}
/*///////////////////////////////////////////////////*/
/* CURSOR */
html, body, #__next, .home-container,.home-container1 {
    cursor: url(https://mitsu.games/cdn/website/mouse%20arrow_small.png), auto;
}
button:hover, .button:hover, a:hover, .home-container12:hover, #closeProfile:hover,
#closeShop:hover, #downPdf:hover, #downTxt:hover, #skillsClaim:hover, #claim:hover {
    cursor: url(https://mitsu.games/cdn/website/mouse%20hand_small.png), auto;
}
/*///////////////////////////////////////////////////*/
/* BUTTONS HOVER SCALE UP */
.home-container12, #closeProfile, #closeShop, #downPdf, #downTxt, #skillsClaim, #claim {
    transition: .15s ease-in-out 0s;
}
.home-container12:hover, #closeProfile:hover, #closeShop:hover,
#downPdf:hover, #downTxt:hover, #hireMeDialog:hover, #skillsClaim:hover, #claim:hover {
    transform: scale(1.15);
}
/*///////////////////////////////////////////////////*/
/* CTA ANIMATIONS */
@keyframes shake-lr {
    0%, 25%, 100% {
        transform: rotate(0deg);
        transform-origin: 50% 50%
    }
    2.5% { transform: rotate(5deg) }
    5%, 10%, 15% { transform: rotate(-7.5deg) }
    7.5%, 12.5%, 17.5% { transform: rotate(7.5deg) }
    20% { transform: rotate(-5deg) }
    22.5% { transform: rotate(5deg) }
}
@keyframes pulsate{
0%{opacity:.75}
50%{opacity:.25}
100%{opacity:.75}}
@keyframes rotate{
0%{transform:rotateZ(0)}
100%{transform:rotateZ(-360deg)}}
/*CONTACT NOW MAIL ICON*/
.home-pass1 {animation: float 5s ease-in-out infinite;}
@keyframes float {
        0% {
            transform: translate(-25%,-15%) scale(1.25) rotate(-15deg) scale3d(1, 1, 1);
          }
          6% {
            transform: translate(-25%,-15%) scale(1.25) rotate(-15deg) scale3d(1.25, 0.75, 1);
          }
          8% {
            transform: translate(-25%,-15%) scale(1.25) rotate(-15deg) scale3d(0.75, 1.25, 1);
          }
          10% {
            transform: translate(-25%,-15%) scale(1.25) rotate(-15deg) scale3d(1.15, 0.85, 1);
          }
          13% {
            transform: translate(-25%,-15%) scale(1.25) rotate(-15deg) scale3d(0.95, 1.05, 1);
          }
          15% {
            transform: translate(-25%,-15%) scale(1.25) rotate(-15deg) scale3d(1.05, 0.95, 1);
          }
          20% {
            transform: translate(-25%,-15%) scale(1.25) rotate(-15deg) scale3d(1, 1, 1);
          }
          100% {
            transform: translate(-25%,-15%) scale(1.25) rotate(-15deg) scale3d(1, 1, 1);
          }
}
/*///////////////////////////////////////////////////*/
/* PAGES ANIMATIONS */
@keyframes popupOpen{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}
@keyframes popupClose{0%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}
@keyframes slideHOpen{0%{transform:translateX(-100%);opacity:0}100%{transform:translateX(0%);opacity:1}}
@keyframes slideHClose{0%{transform:translateX(0%);opacity:1}100%{transform:translateX(100%);opacity:0}}
@keyframes slideVOpen{0%{transform:translateY(100%);opacity:0}100%{transform:translateY(0%);opacity:1}}
@keyframes slideVClose{0%{transform:translateY(0%);opacity:1}100%{transform:translateY(-100%);opacity:0}}
@keyframes rewardUp{0%{transform:translateY(0%)}100%{transform:translateY(-37%)}}