html{height:100%}:root{--p-blue-light: rgba(0, 132, 255, 1);--p-blue-medium: rgba(0, 83, 134, 1);--p-blue-dark: rgba(0, 50, 102, 1);--p-grey-light: rgba(179, 179, 179, 1);--p-grey-dark: rgba(20, 20, 20, 1);--p-purple: rgba(255, 0, 255, 1)}body{color:var(--p-grey-dark);font-size:18px;line-height:1.6em;background-color:#b3b3b3;position:relative;width:100vw;height:100dvh}body,p,html,input{font-family:Lato,sans-serif;font-weight:400}div,span,p,section *{margin:0;padding:0;outline:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}a:hover,a:active,a:focus,a:visited{outline:0;border:none}a{cursor:pointer;text-decoration:none;color:var(--p-purple);transition:color .3s}.hl{color:var(--p-blue-light)}h1,h2,h3,h4,h5,h6{font-family:Lato,sans-serif;text-transform:uppercase;font-weight:900;line-height:1.2em;padding-bottom:.3em}h1{font-size:64px}h2{font-size:60px}div,span{position:relative}.content{min-width:360px}section{position:relative;width:100%}footer{position:relative;width:100%}strong{font-weight:700}.container{opacity:1;z-index:2}.intro{position:relative;width:100%;height:auto}code{white-space:pre-wrap;font-size:14px;line-height:24px;font-family:Menlo,Monaco,Courier New,Courier,monospace;padding:15px;background:#0000000d;margin-bottom:16px;word-break:break-all}.main{position:relative;width:100%;height:auto;max-width:1100px;margin:0;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3}.background-image{position:absolute;width:100%;height:100%;z-index:1}.background-image source,.background-image img{position:relative;width:100%;height:100%;object-fit:cover}#nav-main-side{position:fixed;display:flex;flex-flow:column wrap;height:auto;left:40px;top:50%;transform:translateY(-50%);padding:10px;z-index:9;border-radius:20px;background-color:#00000059;opacity:.45;transition:opacity .35s ease-out;will-change:opacity}#nav-main-side:hover{opacity:1}#nav-main-side ul{display:flex;flex-flow:column wrap;align-content:center;list-style:none;margin:0;padding:0}#nav-main-side ul li{width:20px;height:20px;left:0;top:0;border-radius:50%;margin:5px 0;padding:0;background-color:#fff;z-index:2;cursor:pointer}#nav-main-side #dotcurrent{position:absolute;width:30px;height:30px;left:5px;top:0;margin-top:10px;border-radius:20px;background-color:var(--p-blue-light);z-index:1}#nav-main-side .label{display:none}.container{position:relative;width:100%;height:100dvh;max-height:100dvh;overflow-y:scroll;scroll-snap-type:mandatory;scroll-snap-type:y mandatory;scroll-snap-points-y:repeat(100dvh);scroll-snap-destination:0 0;-ms-scroll-snap-destination:0 0;-ms-scroll-snap-type:y mandatory}#home{opacity:1}section{position:relative;width:100%;height:100dvh;scroll-snap-align:start;scroll-snap-stop:always}section .slider{width:100%;height:100%}section .slider .slide{display:inline-block;width:100%;height:100%;overflow:hidden}section .slider .slide .bg{position:absolute;width:100%;height:100%}section .slider .slide .main{position:relative}.hidden{visibility:hidden!important;display:none!important}#welcome .webgl{position:absolute;top:0;left:0;outline:none;z-index:2;opacity:0;pointer-events:none}#welcome .language{position:absolute;display:flex;flex-direction:column;z-index:2;border:1px var(--p-blue-light) solid;width:50px;height:26px;border-radius:13px;overflow:hidden;right:20px;top:20px}#welcome .language .slider{position:absolute;display:flex;flex-direction:row;width:200%;height:100%}#welcome .language .slider div{display:flex;justify-content:center;align-items:center;width:50%;height:100%;font-weight:700;color:var(--p-blue-light);cursor:pointer}#welcome .loading-bar{position:absolute;top:0;width:100%;height:4px;background-color:var(--p-purple);transform:scaleX(.001);transform-origin:top left;z-index:3}#welcome .main .welcome-text{position:relative;display:block;width:60%;height:150px;left:0;top:50%;transform:translateY(-50%);overflow:visible}#welcome .main h1{font-size:24px;line-height:1.4em;text-transform:none;opacity:0}#welcome .main #descriptions{position:relative;height:80px;text-transform:uppercase;font-weight:700;margin-left:-5px}#welcome .main #descriptions h3{font-size:50px;line-height:1.4em;translate:0px;rotate:none;scale:none;transform-origin:50% 50% 0px;transform-style:preserve-3d;perspective-origin:50% 50%;perspective:500px;z-index:1;opacity:0;transform:rotateX(-90deg)}#welcome .main #descriptions .item{position:absolute;display:block;opacity:1;text-shadow:0px 0px 25px rgba(0,0,0,.15)}#welcome .main #descriptions .item.current{opacity:1}#welcome .main .text{position:relative;width:80%;opacity:0}#welcome #mc_loader{position:absolute;width:100px;height:100px;left:50%;top:50%;background:#00000180;z-index:1}#welcome #arrow-down{position:relative;display:flex;width:60px;height:60px;border-radius:50%;border:3px solid var(--p-blue-light);margin-top:20px;justify-content:center;align-items:center;overflow:hidden;cursor:pointer;opacity:0}#welcome #arrow-down img{position:relative;width:60%;height:60%}#about{width:100vw;overflow:hidden}#about:-webkit-scrollbar{display:none}#about .slider .slide{width:100vw;min-width:100vw}#about .slider .slide.about{z-index:1}#about .slider .slide.skills,#about .slider .slide.experience,#about .slider .slide.education{position:absolute;left:0;top:0;z-index:2;transform:translate(100%)}#about .slider #btn_close{position:absolute;display:flex;width:60px;height:60px;right:0;top:0;border-radius:50%;border:3px solid var(--p-blue-light);justify-content:center;align-items:center;overflow:hidden;cursor:pointer;z-index:2;background:#fff0 url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2045%2045'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%230084FF;}%3c/style%3e%3c/defs%3e%3cpolygon%20class='cls-1'%20points='33.81%2014.02%2030.98%2011.19%2022.5%2019.67%2014.02%2011.19%2011.19%2014.02%2019.67%2022.5%2011.19%2030.98%2014.02%2033.81%2022.5%2025.33%2030.98%2033.81%2033.81%2030.98%2025.33%2022.5%2033.81%2014.02'/%3e%3c/svg%3e") no-repeat center center / 100% 100%;transition:all .65s ease-in-out 0s}#about .slider #btn_close:hover{transform:rotate(180deg);transition:all .65s ease-in-out 0s}#about .background-image{transform:scaleX(-1)}#about .main{position:relative;display:flex;flex-flow:row wrap;justify-content:flex-end;height:auto;max-height:100%}#about .main .image{position:absolute;width:420px;height:420px;left:0;top:0;background-color:var(--p-blue-light);border:12px solid var(--p-blue-medium);border-radius:50%;overflow:hidden}#about .main .image picture,#about .main .image picture source,#about .main .image picture img{position:absolute;width:100%;height:100%;object-fit:cover}#about .slide.about .main .text{position:relative;right:0;width:50%;text-align:right}#about #nav-about{width:100%;margin-top:40px;text-align:right}#about #nav-about button{font-size:25px;line-height:1em;color:var(--p-blue-light);padding:10px 20px;margin:0 10px 0 0;background-color:transparent;outline:none;border-radius:30px;border:1px solid var(--p-blue-light);transition:color .65s ease-out,border .65s ease-out;will-change:color,border;cursor:pointer;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}#about #nav-about button:hover{color:var(--p-blue-medium);border-color:var(--p-blue-medium)}#about #nav-about button .icon{position:relative;object-fit:cover;width:20px;height:auto;fill:var(--p-blue-light);transition:fill .65s ease-out,border .65s ease-out;will-change:fill}#about #nav-about button:hover .icon{fill:var(--p-blue-medium)}#about .skills .main,#about .experience .main{justify-content:flex-start}#about .skills .text{position:relative;width:100%;height:100%}#about .skills .abilities,#about .experience .timeline{position:relative;width:100%;height:100%;display:flex;flex-direction:row;margin-top:26px}#about .skills .abilities .column,#about .experience .timeline .column{position:relative;display:flex;flex-direction:column;width:27%;margin-right:7%}#about .skills .abilities .column .item{position:relative;width:100%;display:flex;justify-content:space-between;margin-bottom:12px}#about .experience .timeline .column .item{margin-bottom:12px}#about .skills .abilities .column .stars{display:inline-flex;height:22px;margin-top:3px}#about .skills .abilities .column .stars .star{position:relative;width:22px;height:22px;margin-left:2px;object-fit:cover;background:#fff0 url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3csvg%20fill='%230084ff'%20width='800px'%20height='800px'%20viewBox='0%200%201920%201920'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1306.181%201110.407c-28.461%2020.781-40.32%2057.261-29.477%2091.03l166.136%20511.398-435.05-316.122c-28.686-20.781-67.086-20.781-95.66%200l-435.05%20316.122%20166.25-511.623c10.842-33.544-1.017-70.024-29.591-90.805L178.577%20794.285h537.825c35.351%200%2066.523-22.701%2077.365-56.245l166.25-511.51%20166.136%20511.397a81.155%2081.155%200%200%200%2077.365%2056.358h537.939l-435.276%20316.122Zm609.77-372.819c-10.956-33.656-42.014-56.244-77.365-56.244h-612.141l-189.064-582.1C1026.426%2065.589%20995.367%2043%20960.017%2043c-35.351%200-66.523%2022.588-77.365%2056.245L693.475%20681.344H81.335c-35.351%200-66.41%2022.588-77.366%2056.244-10.842%2033.657%201.017%2070.137%2029.591%2090.918l495.247%20359.718-189.29%20582.211c-10.842%2033.657%201.017%2070.137%2029.704%2090.918%2014.23%2010.39%2031.059%2015.586%2047.661%2015.586%2016.829%200%2033.657-5.195%2047.887-15.699l495.248-359.718%20495.02%20359.718c28.575%2020.894%2067.088%2020.894%2095.775.113%2028.574-20.781%2040.433-57.261%2029.59-91.03l-189.289-582.1%20495.247-359.717c28.687-20.781%2040.546-57.261%2029.59-90.918Z'%20fill-rule='evenodd'/%3e%3c/svg%3e") no-repeat center center / 100% 100%}#about .skills .abilities .column .stars .star.filled{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3csvg%20fill='%230084ff'%20width='800px'%20height='800px'%20viewBox='0%200%201920%201920'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1915.918%20737.475c-10.955-33.543-42.014-56.131-77.364-56.131h-612.029l-189.063-582.1v-.112C1026.394%2065.588%20995.335%2043%20959.984%2043c-35.237%200-66.41%2022.588-77.365%2056.245L693.443%20681.344H81.415c-35.35%200-66.41%2022.588-77.365%2056.131-10.955%2033.544.79%2070.137%2029.478%2091.03l495.247%20359.831-189.177%20582.212c-10.955%2033.657%201.13%2070.25%2029.817%2090.918%2014.23%2010.278%2030.946%2015.487%2047.66%2015.487%2016.716%200%2033.432-5.21%2047.775-15.6l495.134-359.718%20495.021%20359.718c28.574%2020.781%2067.087%2020.781%2095.662.113%2028.687-20.668%2040.658-57.261%2029.703-91.03l-189.176-582.1%20495.36-359.83c28.574-20.894%2040.433-57.487%2029.364-91.03'%20fill-rule='evenodd'/%3e%3c/svg%3e")}#work .mc_background{position:absolute;width:100%;height:100%;left:0;top:0;background-color:#636363;z-index:1;overflow:hidden}#work .mc_background .circle_0{position:absolute;width:82vh;height:82vh;left:49%;top:9vh;border-radius:50%;background-color:#b3b3b3;box-shadow:0 0 6px 6px #00000059;z-index:10}#work .mc_background .circle_1{position:absolute;width:82vh;height:82vh;left:49%;top:9vh;border-radius:50%;background-color:#b3b3b3;box-shadow:0 0 6px 6px #00000059;z-index:9}#work .mc_background .circle_2{position:absolute;width:82vh;height:82vh;left:49%;top:9vh;border-radius:50%;background-color:#9f9f9f;box-shadow:0 0 6px 6px #00000059;z-index:8}#work .mc_background .circle_3{position:absolute;width:82vh;height:82vh;left:49%;top:9vh;border-radius:50%;background-color:#8b8b8b;box-shadow:0 0 6px 6px #00000059;z-index:7}#work .mc_background .circle_4{position:absolute;width:82vh;height:82vh;left:49%;top:9vh;border-radius:50%;background-color:#777;box-shadow:0 0 6px 6px #00000059;z-index:6}#work .main{position:relative;display:flex;justify-content:left;height:auto;max-height:100%}#work .main .text{position:relative;right:0;width:50%;text-align:left;color:#fff;text-shadow:0px 0px 25px rgba(0,0,0,.35)}#work .main .text h2{color:#fff}#work .work-preview{position:absolute;width:654px;height:608px;right:5%;top:50%;transform:translateY(-50%);z-index:3}#work .work-preview .placeholder{position:absolute;width:654px;height:608px}#work .work-preview .placeholder img{position:relative;width:auto;height:100%;object-fit:cover}#work .work-preview .btn_play{position:absolute;width:120px;height:120px;left:48%;top:40%;transform:translate(-50%) translateY(-50%);background:#fff0 url("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%23FF00FF;}.cls-2{fill:%23fff;}%3c/style%3e%3c/defs%3e%3ctitle%3ebtn_video%3c/title%3e%3ccircle%20class='cls-1'%20cx='50'%20cy='50'%20r='50'/%3e%3cpolygon%20class='cls-2'%20points='44.57%2075.14%2069.02%2050.69%2044.57%2026.24%2044.57%2075.14'/%3e%3c/svg%3e") no-repeat center center / 100% 100%;cursor:pointer;z-index:10}#work .bg_video{position:absolute;width:100%;height:100%;left:0;top:0;background:#000000bf;z-index:-10;opacity:0}#work .bg_video .video{position:relative;width:calc(1920vw / 22);height:calc(1080vw / 22);max-width:1920px;max-height:1080px;left:50%;top:50%;transform:translate(-50%) translateY(-50%)}#work .bg_video .video iframe{width:100%;height:100%}#work .bg_video .video.mask{-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-source-type:alpha;mask-mode:alpha;-webkit-mask-image:url(./bg_video_mask-Do8lbvVz.png);mask-image:url(./bg_video_mask-Do8lbvVz.png)}#work .bg_video #btn_close_video{position:absolute;display:flex;width:60px;height:60px;right:20px;top:20px;border-radius:50%;border:3px solid var(--p-blue-light);justify-content:center;align-items:center;overflow:hidden;cursor:pointer;z-index:2;background:#fff0 url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2045%2045'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%230084FF;}%3c/style%3e%3c/defs%3e%3cpolygon%20class='cls-1'%20points='33.81%2014.02%2030.98%2011.19%2022.5%2019.67%2014.02%2011.19%2011.19%2014.02%2019.67%2022.5%2011.19%2030.98%2014.02%2033.81%2022.5%2025.33%2030.98%2033.81%2033.81%2030.98%2025.33%2022.5%2033.81%2014.02'/%3e%3c/svg%3e") no-repeat center center / 100% 100%;transition:all .65s ease-in-out 0s}#work .bg_video #btn_close_video:hover{transform:rotate(180deg);transition:all .65s ease-in-out 0s}#contact{background-color:#373737}#contact .main{position:relative;display:flex;justify-content:center;height:auto;max-height:100%}#contact .main .text{position:relative;right:0;width:80%;text-align:center;color:#fff;text-shadow:0px 0px 25px rgba(0,0,0,.35)}#contact .main .text h3{margin-bottom:40px}#contact .main .text .icons{position:relative;width:100%;height:auto;list-style:none}#contact .main .text .icons a{position:absolute;width:100%;height:100%;align-content:center;color:var(--p-blue-light)}#contact .main .text .icons .icon{position:relative;display:inline-flex;flex-flow:row nowrap;justify-content:center;align-items:center;width:80px;height:80px;border-radius:50%;margin:0 10px;border:4px solid var(--p-blue-light);font-size:40px;font-weight:900;color:var(--p-blue-light)}footer{position:relative;width:100%;height:auto;margin:0 auto;background:#009fa3;z-index:4}@media only screen and (max-width: 1500px){body{font-size:1.2vw}h1{font-size:calc(64vw / 15)}h2{font-size:4vw}.content{min-width:360px}code{white-space:pre-wrap;font-size:calc(14vw / 15);line-height:1.6vw;font-family:Menlo,Monaco,Courier New,Courier,monospace;padding:1vw;background:#0000000d;margin-bottom:16px;word-break:break-all}.main{max-width:calc(1100vw / 15)}#nav-main-side{transform-origin:center center;transform:scale(.8) translateY(-50%);left:calc(40vw / 15)}#welcome .main .welcome-text{height:10vw}#welcome .main h1{font-size:1.6vw}#welcome .main #descriptions{height:calc(80vw / 15);margin-left:calc(-5vw / 15)}#welcome .main #descriptions h3{font-size:calc(50vw / 15)}#welcome .main #descriptions .item{text-shadow:0px 0px calc(25vw / 15) rgba(0,0,0,.15)}#welcome #arrow-down,#about .slider #btn_close{width:4vw;height:4vw}#about .main .image{width:28vw;height:28vw}#about #nav-about{margin-top:calc(40vw / 15)}#about #nav-about button{font-size:calc(25vw / 15);padding:calc(10vw / 15) calc(20vw / 15);margin:0 calc(10vw / 15);border-radius:2vw}#about #nav-about button .icon{width:calc(20vw / 15)}#about .skills .abilities,#about .experience .timeline{margin-top:calc(26vw / 15)}#about .skills .abilities .column .item,#about .experience .timeline .column .item{margin-bottom:.8vw}#about .skills .abilities .column .stars{height:calc(22vw / 15);margin-top:.2vw}#about .skills .abilities .column .stars .star{width:calc(22vw / 15);height:calc(22vw / 15);margin-left:calc(2vw / 15)}#about #nav-about button.btn-nav-about-download{margin-top:2.4vw}#work .work-preview{width:43.6vw;height:calc(608vw / 15);right:-2%}#work .work-preview .placeholder{width:43.6vw;height:calc(608vw / 15)}#work .work-preview .btn_play{width:8vw;height:8vw}#work .bg_video .video{width:calc(1920vw / 22);height:calc(1080vw / 22)}#contact .main .text{text-shadow:0px 0px calc(25vw / 15) rgba(0,0,0,.35)}#contact .main .text h3{margin-bottom:calc(40vw / 15)}#contact .main .text .icons .icon{width:calc(80vw / 15);height:calc(80vw / 15);margin:0 calc(10vw / 15);border:4px solid var(--p-blue-light);font-size:calc(40vw / 15)}}@media screen and (max-width: 768px){body{font-size:3.6vw;line-height:1.4em}h1{font-size:calc(64vw / 7.68)}h2{font-size:calc(60vw / 7.68)}.content{min-width:360px}code{white-space:pre-wrap;font-size:calc(14vw / 7.68);line-height:3.125vw;font-family:Menlo,Monaco,Courier New,Courier,monospace;padding:calc(15vw / 7.68);background:#0000000d;margin-bottom:16px;word-break:break-all}.main{max-width:calc(680vw / 7.68)}#nav-main-side{transform-origin:center center;transform:scale(.7) translateY(-50%);left:0vw}.hidden{visibility:visible!important;display:inline-flex!important}#welcome .main{top:10%;transform:translateY(0) translate(-50%)}#welcome .main .welcome-text{height:calc(320vw / 7.68);width:100%;top:0;transform:none}#welcome .main h1{font-size:calc(34vw / 7.68)}#welcome .main #descriptions{height:calc(80vw / 7.68);margin-left:calc(-5vw / 7.68)}#welcome .main #descriptions h3{font-size:calc(60vw / 7.68)}#welcome .main #descriptions .item{text-shadow:0px 0px calc(25vw / 7.68) rgba(0,0,0,.15)}#welcome .main .text{width:100%;font-size:3.6vw;margin-top:10px}#welcome #arrow-down{width:calc(100vw / 7.68);height:calc(100vw / 7.68)}#about .slider #btn_close{width:calc(60vw / 7.68);height:calc(60vw / 7.68)}#about .slide.about .main{margin-top:calc(220vw / 7.68)}#about .main .image{position:relative;width:calc(420vw / 7.68);height:calc(420vw / 7.68);top:calc(20vw / 7.68);left:0;margin:0 auto}#about .slide.about .main .text{width:100%;justify-content:flex-start;text-align:left;margin-top:calc(40vw / 7.68);margin-left:4.6875vw}#about #nav-about{margin-top:calc(40vw / 7.68);margin-left:4.6875vw;text-align:left}#about #nav-about button{font-size:calc(40vw / 7.68);padding:calc(20vw / 7.68) calc(40vw / 7.68);margin:0 calc(10vw / 7.68) 0 0;border-radius:calc(40vw / 7.68)}#about #nav-about button .icon{width:calc(32vw / 7.68)}#about .skills .text{margin-left:4.6875vw}#about .skills .abilities,#about .experience .timeline{margin-top:calc(26vw / 7.68)}#about .skills .abilities .column,#about .experience .timeline .column{margin-right:2%;width:32%}#about .skills .abilities .column:last-of-type,#about .experience .timeline .column:last-of-type{margin-right:0}#about .skills .abilities .column .item{margin-bottom:1.5625vw;font-size:3vw;line-height:1.2em}#about .experience .main{margin-left:4.6875vw;width:85%}#about .experience .timeline .column .item{margin-bottom:1.5625vw;font-size:3vw;line-height:1.2em}#about .skills .abilities .column .stars{height:calc(22vw / 7.68);margin-top:.78125vw}#about .skills .abilities .column .stars .star{width:calc(16vw / 7.68);height:calc(16vw / 7.68);margin-left:calc(2vw / 7.68)}#work .main{top:10%;transform:translateY(0) translate(-50%)}#work .main .text{position:relative;right:0;width:100%;text-align:left;top:0}#work .main .text h2{color:#fff}#work .work-preview{position:relative;width:calc(615vw / 7.68);height:calc(572vw / 7.68);right:initial;left:52%;top:40%;transform:translateY(-50%) translate(-50%);z-index:3}#work .work-preview .placeholder{position:absolute;width:100%;height:100%}#work .work-preview .placeholder,#work .work-preview video{position:absolute;width:100%;height:100%}#work .work-preview .btn_play{width:120px;height:120px;top:70%}#contact .main .text{text-shadow:0px 0px calc(25vw / 7.68) rgba(0,0,0,.35);width:100%}#contact .main .text h2{font-size:11.71875vw}#contact .main .text h3{font-size:calc(35vw / 7.68);margin-bottom:calc(40vw / 7.68)}#contact .main .text .icons{margin-top:calc(20vw / 7.68)}#contact .main .text .icons .icon{width:18vw;height:18vw;margin:0 2vw 0 0;border:4px solid var(--p-blue-light);font-size:calc(40vw / 7.68)}}.hidden{visibility:hidden;display:none;opacity:0}.fill-div{position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden}.blur{-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px);-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s}#mobile-landscape{position:fixed;display:flex;justify-content:center;align-items:center;width:100%;height:100%;left:0;top:0;padding:1em;text-align:center;background:url(./bg_welcome-B_JWesQ6.webp) 100% 100%;z-index:-1000;visibility:hidden}#mobile-landscape.visible{z-index:1000;visibility:initial}#mobile-landscape h2{padding:0}.js-scroll{opacity:0;transition:opacity .5s;transform-origin:50% 50%}.js-scroll.scrolled{opacity:1}.stagger{perspective:1000px}.stagger .js-scroll:nth-child(1){animation-delay:0s}.stagger .js-scroll:nth-child(2){animation-delay:.1s}.stagger .js-scroll:nth-child(3){animation-delay:.2s}.stagger .js-scroll:nth-child(4){animation-delay:.3s}.stagger .js-scroll:nth-child(5){animation-delay:.4s}.stagger .js-scroll:nth-child(6){animation-delay:.5s}.stagger .js-scroll:nth-child(7){animation-delay:.6s}.stagger .js-scroll:nth-child(8){animation-delay:.7s}.stagger .js-scroll:nth-child(9){animation-delay:.8s}.stagger .js-scroll:nth-child(10){animation-delay:.9s}.stagger .js-scroll:nth-child(11){animation-delay:1s}.stagger .js-scroll:nth-child(12){animation-delay:1.1s}.stagger .js-scroll:nth-child(13){animation-delay:1.2s}.stagger .js-scroll:nth-child(14){animation-delay:1.3s}.stagger .js-scroll:nth-child(15){animation-delay:1.4s}.stagger .js-scroll:nth-child(16){animation-delay:1.5s}.stagger .js-scroll:nth-child(17){animation-delay:1.6s}.stagger .js-scroll:nth-child(18){animation-delay:1.7s}.stagger .js-scroll:nth-child(19){animation-delay:1.8s}.stagger .js-scroll:nth-child(20){animation-delay:1.9s}.stagger .js-scroll:nth-child(21){animation-delay:2s}.scrolled.fade-in{animation:fade-in 1s ease-in-out both}@keyframes fade-in{0%,to{transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0}to{opacity:1}}.scrolled.fade-in-from-left{animation:fade-in-from-left 1s ease-in-out both}@keyframes fade-in-from-left{0%,50%,70%,90%,to{transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-25%)}50%{opacity:1;transform:translate(5%)}70%{transform:translate(-2.5%)}to{transform:translate(0)}}.scrolled.fade-in-from-right{animation:fade-in-from-right 1s ease-in-out both}@keyframes fade-in-from-right{0%,50%,70%,90%,to{transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(25%)}50%{opacity:1;transform:translate(-5%)}70%{transform:translate(2.5%)}to{transform:translate(0)}}.scrolled.pop-in{animation:pop-in .75s ease-in-out both}.scrolled.pop-in.delay{animation:pop-in .75s ease-in-out both;animation-delay:.25s}@keyframes pop-in{0%,50%,70%,to{transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale(.65)}50%{opacity:1;transform:scale(1.1)}70%{transform:scale(.975)}to{transform:scale(1)}}.scrolled.drop-in{animation:drop-in .75s ease-in-out both}@keyframes drop-in{0%,50%,70%,to{transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale(1.35)}50%{opacity:1;transform:scale(.9)}70%{transform:scale(1.025)}to{transform:scale(1)}}.scrolled.flex-in-from-left{animation:flex-in-from-left .75s ease-in-out both}@keyframes flex-in-from-left{0%,50%,70%,to{transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-25%) rotateY(-15deg)}50%{opacity:1;transform:translate(3%) rotateY(0)}70%{transform:translate(-1.5%)}to{transform:translate(0) scale(1)}}.scrolled.flex-in-from-right{animation:flex-in-from-right .75s ease-in-out both}@keyframes flex-in-from-right{0%,50%,70%,to{transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(25%) rotateY(15deg)}50%{opacity:1;transform:translate(-3%) rotateY(0)}70%{transform:translate(1.5%)}to{transform:translate(0) scale(1)}}.float-01{animation:float-d1 5s linear infinite both}.float-02{animation:float-d1 8s linear infinite both}.float-03{animation:float-d2 6s linear infinite both}@keyframes float-d1{0%{transform:translate(0)}20%{transform:translate(-4px,4px)}40%{transform:translate(-4px,-4px)}60%{transform:translate(4px,4px)}80%{transform:translate(4px,-4px)}to{transform:translate(0)}}@keyframes float-d2{0%{transform:translate(0)}20%{transform:translate(4px,-4px)}40%{transform:translate(4px,4px)}60%{transform:translate(-4px,-4px)}80%{transform:translate(-4px,4px)}to{transform:translate(0)}}[data-title]:hover:after{opacity:1;transition:all .2s ease 2.6s;visibility:visible}[data-title]:after{content:attr(data-title);position:absolute;padding:8px 16px;font-size:16px;font-weight:400;color:#222;border-radius:5px;box-shadow:0 0 15px #222;background-image:-webkit-linear-gradient(top,#f8f8f8,#cccccc);background-image:-moz-linear-gradient(top,#f8f8f8,#cccccc);background-image:-ms-linear-gradient(top,#f8f8f8,#cccccc);background-image:-o-linear-gradient(top,#f8f8f8,#cccccc);visibility:hidden;z-index:100;top:100%;left:50%;transform:translate(-50%)}
