.nohref{ display: none }
@font-face {font-family: 'Avenir Next';
    src: url("AvenirNext-Heavy.c8487480.woff2") format("woff2"),
    url("AvenirNext-Heavy.3ea8081c.woff") format("woff");
}
@font-face {
    font-family: 'Neue Montreal';
    src: url("NeueMontreal-Regular.ae910275.woff2") format('woff2'),
    url("NeueMontreal-Regular.a79aa7cf.woff") format('woff');
}
.trans5 { 
    -webkit-transition: all 0.5s ease; 
    -moz-transition: all 0.5s ease; 
    -ms-transition: all 0.5s ease; 
    -o-transition: all 0.5s ease; 
    transition: all 0.5s ease 
}
.trans3s { 
    -webkit-transition: all 3s ease; 
    -moz-transition: all 3s ease; 
    -ms-transition: all 3s ease; 
    -o-transition: all 3s ease; 
    transition: all 3s ease 
}
html, body{
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #FFF;
    color:#ccff00;
    overflow-x: hidden;
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}
body{
    font-family: sans-serif;
}
.fonts-added{
    font-family: 'Neue Montreal';
}
/*Gyro*/
#gyroPermission{
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 23920;
}
/* Loading */
#loading{
    z-index: 3000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #fff;
}
#bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;

    background-image: url("loading-back.bbfa2b2a.jpg");
    background-size: 100% 100%;
    opacity: 1;
    filter: blur(40px);

    animation-name: ani_back;
    animation-duration: 30s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
/* SVG */
#svgWr{
    z-index: 3001;
    position: absolute;
    left: calc(50vw - 110px);
    top: calc(50vh - 110px);
    width: 200px; /* -20 */
    height: 200px;
    /* border: 1px solid red; */
    border-radius: 50%;
    overflow: hidden;
}
#svgCircle{
    margin: 10px;
    width: 180px;
    height: 180px;
    opacity: 0;
}
#a{ transform-origin: 0px 0px; }
.textLoading{
    fill:#ccff00; 
    font-size:1.23rem
}
.svgBold{
    font-family: 'Avenir Next';
}
#canvasWr{
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    background-color:#fff;
    perspective: 1000px;
    overflow: hidden !important;
    opacity: 0;
}
/*   Menu Mobile   */
#navbarDesktop{ display: none; }
#navbarMobile{ display: flex; }
.navbarHome{
    position: fixed !important;
}
.navbarBlurBack{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
    filter: blur(8px);
}
.navMain{
	z-index: 930;
    top: 0;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
}
.navMain>h1{
    z-index: 931;
    margin-left: 15px;
    width: 150px;
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    opacity: 0;
}
.navMain>h1>a{
    font-size: 1rem;
    text-decoration: none;
    color: #f9167e;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}
.navMain>button{
    z-index: 931;
    cursor: pointer;
    background: none;
    border: 0;
    padding: 0;
    width: 40px;
    height: 20px;
    margin-right: 15px;
    margin-bottom: 0;
}
.navMain>button>div{
    width: 100%;
    height: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.navMain>button:hover>div{
    height: 3px;
}
.navMain>button>div>span{
    display: inline-block;
    width: 100%;
    height: 2px;
    background: #f9167e;
    opacity: 0;
}
#navbarMobile{
    position: relative;
    left: 0;
    width: 0;
    height: 45px;
    border-bottom: 2px solid #f9167e;
    border-left: 0;
    flex-direction: row;
    opacity: 0;
}
/*   Desktop   */
@media (min-width: 880px) {
    #navbarDesktop{ display: flex; }
    #navbarMobile{ display: none; }
    #navbarDesktop{        
        position: fixed;
        left: calc(100vw - 45px);
        width: 45px;
        height: 0;
        border-bottom: 0;
        border-left: 2px solid #f9167e;
        flex-direction: column;
        opacity: 0;
    }
    #navbarDesktop>h1{
        transform: rotate(90deg) translateX(50px);
        margin-left: 0;
        margin-top: 35px;
    }
    #navbarDesktop>button{
        width: 30px;
        margin-right: 0;
        margin-bottom: 25px;
    }
}
/* Animation */
@keyframes ani_back {
    0% {
      transform: rotateZ(0);
    }
    50% { 
      transform: rotateZ(-90deg);
    }
    100%{
        transform: rotateZ(0);
    }
 }
@keyframes rotateLoop {
    0%{ transform: rotate(0deg); }
    100%{ transform: rotate(360deg);}
}
.rotateLoop{
    transition-duration: 100ms;
    transition-timing-function: ease-out;
    animation: rotateLoop 10s linear infinite;
    transform: rotate(0deg);
}
/* Menu Inner */
.menuWr{
    width: 100vw;
    height: 100vh;
    position: fixed;
}
#menuBack{
    z-index: 2500;
    background: #f9167e;  
    left: 100vw;
}
#menuInner{ 
    z-index: 2550;
    background: #fff;  
    left: 100vw;
}
#menuInner > .back{
    width: 100%;
    height: 100%;
    background: #ccff00;
}
.menuInner>button{
    cursor: pointer;
    position: absolute;
    right: 30px;
    top: 30px;
    text-transform: uppercase;
    color: #f9167e;
    letter-spacing: 8px;
}
.menuInner>button:hover{
    letter-spacing: 3px;
}
.menuInner>ul{
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.menuInner>ul>li{
    margin-top: 10px;
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    opacity: 0;
}
.menuInner>ul>li>a{
    text-decoration: none;
    color: #f9167e;
    text-transform: uppercase;
    font-family: 'Avenir Next';
    font-size: 3rem;
}
.menuInner>ul>li>a:hover{
    opacity: 0.7;
}
.menuInner>ul>li>a>span{
    font-size: 1rem;
    font-family: 'Neue Montreal';
}



/*# sourceMappingURL=index.f97c18d5.css.map */