html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;font:16px/1 sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}blockquote,figure,h1,h2,h3,h4,ol,p,ul{margin:0;padding:0}li,main{display:block}h1,h2,h3,h4{font-size:inherit}strong{font-weight:700}a,button{color:inherit;transition:.3s}a{text-decoration:none}button{overflow:visible;border:0;font:inherit;-webkit-font-smoothing:inherit;letter-spacing:inherit;background:none;cursor:pointer}::-moz-focus-inner{padding:0;border:0}:focus{outline:0}img{max-width:100%;height:auto;border:0}body{overflow:hidden}.main{position:relative;width:100%;height:100vh}#loading{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;display:flex;justify-content:center;flex-direction:column;align-items:center;visibility:visible;opacity:1;transition:all 1s;z-index:11}#loading.loaded{background-color:#000}#loading.loaded #loading-percent{color:#fff}#loading.ended{background-color:#000;visibility:hidden;opacity:0}#loading.ended #loading-percent{color:#000}#loading #loading-percent{color:#000;font-family:Teko,sans-serif;font-size:60px;margin-bottom:30px;transition:all .3s}#loading svg{transform:scale(.5)}body{cursor:none;transition:all .2s}body.invert{cursor:none;filter:invert(1)}body.hover .cursor-point{transform:translate(-50%,-50%) scale(3)!important}body.link .cursor-point{transform:translate(-50%,-50%) scale(.5)!important}body[world=home] [world=home]{display:block!important}body[world=aboutme]:not(.invert) #about-me-1:before{width:40px}body[world=aboutme]:not(.invert) #about-me-1 h1.onnormal span:first-child,body[world=aboutme]:not(.invert) #about-me-1 h1.onnormal span:nth-child(2),body[world=aboutme]:not(.invert) #about-me-1 h1.onnormal span:nth-child(3){transform:translateX(0)}body[world=aboutme]:not(.invert) #about-me-1 h3 span{transform:translateY(0)}body[world=aboutme]:not(.invert) #about-me-2 h1.onnormal span,body[world=aboutme]:not(.invert) #about-me-2 h3 span{transform:translateY(0);visibility:visible;opacity:1}body[world=aboutme]:not(.invert) #about-me-2 img{transform:scale(1)}body[world=aboutme]:not(.invert) #about-me-3 .onnormal h1 span,body[world=aboutme]:not(.invert) #about-me-3 .onnormal h3 span{transform:translateY(0);visibility:visible;opacity:1}body[world=aboutme].invert #about-me-1:before{width:40px}body[world=aboutme].invert #about-me-1 h1.oninvert span:first-child,body[world=aboutme].invert #about-me-1 h1.oninvert span:nth-child(2),body[world=aboutme].invert #about-me-1 h1.oninvert span:nth-child(3){transform:translateX(0)}body[world=aboutme].invert #about-me-1 h3 span{transform:translateY(0)}body[world=aboutme].invert #about-me-2 h1.oninvert span,body[world=aboutme].invert #about-me-2 h3 span{transform:translateY(0);visibility:visible;opacity:1}body[world=aboutme].invert #about-me-2 img{transform:scale(1)}body[world=aboutme].invert #about-me-3 .oninvert.oninvert{pointer-events:all}body[world=aboutme].invert #about-me-3 .oninvert.onnormal{pointer-events:none}body[world=aboutme].invert #about-me-3 .oninvert h1 span,body[world=aboutme].invert #about-me-3 .oninvert h3 span{transform:translateY(0);visibility:visible;opacity:1}body[world=projects] [world=projects]{display:block!important}body.mobile #welcome p{font-size:30px}body.mobile #aboutme-link p{font-size:100px}body.mobile #aboutme-link p:hover{transform:scale(1.3)}body.mobile #projects-link p{margin-right:-150px;margin-top:120px;font-size:80px}body.mobile #photos-1 h3{position:relative;left:-300px;top:-450px}body.mobile #about-me-1{margin-top:7px}body.mobile #about-me-2>div{position:relative;left:-220px;top:-20px}body.mobile #about-me-3{width:200px}body.mobile #about-me-3>div{position:relative;left:-150px}body.mobile #to-photos p{font-size:110px;position:relative;bottom:-230px;left:170px}body.mobile #to-photos p span{font-size:45px}body.mobile #back-from-photos p{font-size:150px;position:relative;top:960px;right:250px}body.mobile #back-from-aboutme p{position:relative;bottom:-220px;left:50px}body.mobile #loading #loading-percent{position:relative;top:-130px}body.mobile .socials{flex-direction:column}body.mobile .socials a{font-size:16px!important}body.mobile .socials div{text-align:center;font-size:16px;margin-top:30px}body.mobile #cursor{visibility:hidden;opacity:0}#welcome{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;visibility:visible;opacity:1;transition:all 1s;z-index:2;padding:50px;box-sizing:border-box;visibility:hidden;opacity:0}#welcome.loaded{visibility:visible;opacity:1}#welcome.ended{background-color:#000;visibility:hidden;opacity:0}#welcome p{display:block;color:#fff;font-size:60px;font-weight:100;margin-bottom:30px}#welcome button,#welcome p{font-family:Montserrat,sans-serif}#welcome button{display:inline-block;padding:10px 0;transition:all .3s;text-align:left;font-weight:800}#welcome button:hover{letter-spacing:3px}.app-icon{top:40px;left:40px;z-index:1;cursor:pointer;filter:invert(1)}#cursor,.app-icon{width:40px;height:40px;position:absolute}#cursor{top:-50px;left:-50px;z-index:10;pointer-events:none;mix-blend-mode:exclusion}#cursor .cursor-point{width:40px;height:40px;background-color:#fff;border-radius:100%;transition:all .3s cubic-bezier(.68,-.6,.32,1.6);transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}#cursor .cursor-point i{transform:scale(0);transition:all .3s ease-in-out}#projects-link p{font-family:Teko,sans-serif;color:#fff;font-size:30px;transition:all .2s ease-in-out}#projects-link p:hover{transform:scale(3)}#project-6 img{width:300px}#project-6 p{text-align:right;font-family:Teko,sans-serif;margin-top:20px}#aboutme-link p{font-family:Teko,sans-serif;color:#fff;font-size:30px;transform:rotate(-45deg);transition:all .2s ease-in-out}#aboutme-link p:hover{transform:scale(3)}#back-from-aboutme p{font-family:Teko,sans-serif;color:#fff;font-size:60px;transition:all .2s ease-in-out}#back-from-aboutme p:hover{letter-spacing:10px}#back-from-projects p{font-family:Teko,sans-serif;color:#fff;font-size:60px;transition:all .2s ease-in-out}#back-from-projects p:hover{letter-spacing:10px}#back-from-photos p{font-family:Teko,sans-serif;color:#fff;font-size:30px;transition:all .2s ease-in-out}#back-from-photos p:hover{letter-spacing:10px}#to-photos p{font-family:Teko,sans-serif;color:#fff;font-size:60px;transition:all .2s ease-in-out}#to-photos p span{display:block;font-size:15px;color:#000}#to-photos p:hover{letter-spacing:10px}#sun img{width:150px;transition:all .5s}#sun img:hover{transform:scale(1.1) rotate(90deg)}#goddess{width:80px}#snake{width:100px}#palms{width:150px}.star{width:15px}#dalan{width:125px;height:225px}#dalan img{height:100%}#japanese_name p{color:#0a476b;font-weight:900}#blue-circle{width:80px;height:80px}#blue-circle img{height:100%}#hand{width:100px}#hand img{height:100%}#adidas{width:30px}#adidas img{height:100%}#music-handler{width:100px;height:100px}#music-message p{color:#fff;font-family:Montserrat,sans-serif;font-weight:400;white-space:nowrap;font-size:8px;text-transform:uppercase}#music-artist{width:150px;height:150px;position:relative}#music-artist img{width:100px;height:100px}#music-artist img:hover+p{top:-30px;opacity:1;visibility:visible}#music-artist p{color:#fff;font-weight:900;white-space:nowrap;font-size:10px;text-transform:uppercase;position:absolute;top:0;right:-50px;transition:all .3s ease-in-out;opacity:0;visibility:hidden}#about-me-1{font-family:Montserrat,sans-serif;color:#fff;width:320px;overflow:hidden}#about-me-1:before{content:"";display:block;width:0;height:10px;background-color:#f23050;margin-bottom:10px;transition:all .3s ease-in-out}#about-me-1 h1{font-size:35px;text-transform:uppercase}#about-me-1 h1 span{display:block;overflow:hidden;white-space:nowrap;transition:all .3s ease-in-out}#about-me-1 h1 span:first-child{transform:translateX(-350px);transition-delay:1s}#about-me-1 h1 span:nth-child(2){transform:translateX(-350px);transition-delay:1.1s}#about-me-1 h1 span:nth-child(3){transform:translateX(-350px);transition-delay:1.2s}#about-me-1 h3{font-size:10px;text-transform:uppercase;margin-top:10px;overflow:hidden}#about-me-1 h3 span{display:block;transition:all .3s ease-in-out;transition-delay:1.3s;transform:translateY(30px)}#about-me-2{font-family:Montserrat,sans-serif;color:#fff;position:relative}#about-me-2 h1{width:150px;position:absolute;z-index:1;top:-10px;left:-30px;overflow:hidden}#about-me-2 h1 span{display:block;font-size:14px;text-transform:uppercase;transition:all .3s ease-in-out;transition-delay:3.1s;transform:translateY(100px);visibility:hidden;opacity:0}#about-me-2 h3{width:100px;position:absolute;bottom:-10px;right:-50px;z-index:1;overflow:hidden}#about-me-2 h3 span{display:block;font-size:5px;text-transform:uppercase;transition:all .3s ease-in-out;transition-delay:3.4s;transform:translateY(100px);visibility:hidden;opacity:0}#about-me-2 img{width:100px;transform:scale(0);transform-origin:top left;transition-delay:3s;transition:all .3s ease-in-out}#about-me-2:hover img{width:150px}#about-me-3{width:500px;position:relative}#about-me-3 .first-el,#about-me-3 .second-el{position:absolute;top:0;left:0;color:#fff}#about-me-3 .first-el.oninvert,#about-me-3 .second-el.oninvert{pointer-events:none}#about-me-3 .first-el h1,#about-me-3 .second-el h1{font-size:10px;width:350px;line-height:1.6;overflow:hidden}#about-me-3 .first-el h1 span,#about-me-3 .second-el h1 span{display:block;transition:all .3s ease-in-out;transition-delay:1.5s;transform:translateY(50px)}#about-me-3 .first-el h3,#about-me-3 .second-el h3{font-weight:100;font-size:15px;margin-bottom:20px;overflow:hidden}#about-me-3 .first-el h3 span,#about-me-3 .second-el h3 span{display:block;transition:all .3s ease-in-out;transition-delay:1.6s;transform:translateY(50px)}#about-me-3 .first-el a,#about-me-3 .second-el a{color:#f23050;font-weight:900}#photos-1{text-align:right}#photos-1 h3{font-family:Montserrat,sans-serif;color:#fff;width:290px;font-weight:100;font-size:46px}#photos-2 .lolli{width:150px}.projects-item{width:450px;text-align:right;font-family:Montserrat,sans-serif;transition:padding .3s;overflow:hidden}.projects-item:hover{padding-right:30px}.projects-item div:first-child{font-size:40px;font-weight:900;margin-bottom:5px}.socials{width:100%;position:absolute;left:0;bottom:0;z-index:2;display:flex;justify-content:space-between;padding:40px;box-sizing:border-box;font-family:Montserrat,sans-serif}.socials>div:first-child a{margin-right:35px;font-size:23px}.socials a{color:#fff;font-weight:500;cursor:none;position:relative}.socials a:hover{color:transparent}.socials a:hover .icon{transform:translate(-50%,-50%) scale(3) rotate(-10deg)}.socials a:nth-child(5){margin-right:0!important}.socials a .icon{color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);transition:transform .3s}#photo-1 img{width:200px}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes width{0%{width:0}to{width:100%}}@keyframes width{0%{width:0}to{width:100%}}