@charset "UTF-8";body{background-color:#000}.black-background{position:relative;background-color:#000;z-index:-100;width:100vw}.wrapper{height:100vh;overflow-y:auto;overflow-x:hidden;background-color:#000;background-image:radial-gradient(circle,#323232,#000);perspective:2000px;scroll-behavior:smooth}header{position:relative;height:100%;z-index:-10000;transform-style:preserve-3d}.container{position:relative}.section-header{font-family:Zen Dots;text-align:center;color:#fff}.h-100{height:100%}.text-gradient{background-image:linear-gradient(to right,#26ff44,#fbff00,#ee2424 50%,#ff00f3 74%,#000192);background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent}nav{color:#fff;z-index:100;font-size:20px;display:flex;align-items:center;justify-content:flex-end;position:fixed;width:100%;height:60px;background-color:#000000a9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-bottom:.5px solid black}#name{background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;font-weight:700;text-decoration:none;position:absolute;left:100px;background-image:linear-gradient(to right,#26ff44,#fbff00,#ee2424 50%,#ff00f3 74%,#000192);padding:10px;font-size:22px}.nav-block{display:flex;align-items:center}.nav-pos{padding:10px;position:relative;margin-right:50px;color:#fff;text-decoration:none;font-family:Poppins;font-weight:bolder;transition:all 1s ease}.nav-pos:hover{cursor:pointer;background-image:linear-gradient(to right,#26ff44,#fbff00,#ee2424 50%,#ff00f3 74%,#000192);background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent}.nav-pos:hover:before{content:"";display:block;top:-85px;left:50%;translate:-50% 0%;position:absolute;width:calc(100% - 20px);border-radius:100%;box-sizing:border-box;height:40px;box-shadow:-1px 45px 20px -6px #fff}.nav-pos:last-of-type{margin-right:200px}.language-switcher{display:flex;align-items:center;position:absolute;right:50px;gap:8px}.language-switcher .lang-btn{background:none;border:none;color:#fff;font-family:Poppins;font-weight:bolder;font-size:18px;padding:8px 12px;cursor:pointer;transition:all .3s ease;position:relative}.language-switcher .lang-btn:hover{background-image:linear-gradient(to right,#26ff44,#fbff00,#ee2424 50%,#ff00f3 74%,#000192);background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;transform:scale(1.1)}.language-switcher .lang-btn.active{background-image:linear-gradient(to right,#26ff44,#fbff00,#ee2424 50%,#ff00f3 74%,#000192);background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent}.language-switcher .lang-btn.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80%;height:2px;background-image:linear-gradient(to right,#26ff44,#fbff00,#ee2424 50%,#ff00f3 74%,#000192);border-radius:2px}.language-switcher .lang-separator{color:#ffffff4d;font-size:18px;font-weight:300}.expandable{min-height:0;width:50%;display:flex;flex-direction:column;align-items:center}.expandable a{width:100%;text-align:center;margin-right:0!important}.expandable .nav-pos{margin-right:0!important}.expandable:after{content:"";position:absolute;bottom:0;width:100%;height:5px;background-image:linear-gradient(to right,#26ff44,#fbff00,#ee2424 50%,#ff00f3 74%,#000192)}.wrapper-mobile{display:none;position:absolute;width:100%;background-color:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-right:0;top:60px;justify-items:center;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .3s}.wrapper-mobile.open{grid-template-rows:1fr;padding-bottom:20px}.mobile-menu-icon{display:none;align-items:center;justify-content:center;margin-right:20px;cursor:pointer;padding:10px;transition:all .3s ease}.mobile-menu-icon:hover{background-image:linear-gradient(to right,#26ff44,#fbff00,#ee2424 50%,#ff00f3 74%,#000192);background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;transform:scale(1.1)}#mobile-menu-icon{font-size:30px;transition:all .3s ease;color:#fff}@media (max-width: 1050px){.nav-pos:last-of-type{margin-right:50px}.language-switcher{right:30px}#name{left:50px}}@media (max-width: 770px){nav{background-color:#000!important}.nav-block{display:flex;align-items:center;justify-content:flex-end;flex:1}.nav-pos{margin-right:0}.nav-pos:hover:before{display:none}.nav-block>.nav-pos{display:none}nav>.language-switcher{display:none}.mobile-menu-icon{display:flex}.wrapper-mobile{display:grid}.expandable .language-switcher{display:flex;position:static;width:100%;justify-content:center;margin:15px 0 10px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.expandable .language-switcher .lang-btn{font-size:20px;padding:10px 15px}}.cube{width:200px;height:200px;position:absolute;transform-style:preserve-3d}.wall{display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:100%;background-color:#141414a6;border:2px solid rgba(80,80,80,.6);font-size:20px;backface-visibility:visible!important;box-shadow:inset 0 0 20px #000c}.front{transform:translateZ(100px)}.back{transform:translateZ(-100px)}.left{transform:rotateY(90deg) translateZ(100px)}.right{transform:rotateY(-90deg) translateZ(100px)}.top{transform:rotateX(90deg) translateZ(100px)}.bottom{transform:rotateX(90deg) translateZ(-100px)}.js-cube{transform:rotate3d(0,1,1,-10deg) scale(.7);translate:0px 0px 500px;top:20vh;left:18vw;z-index:1;transition:translate ease-out .3s;animation:jsEntry ease .5s}.js-cube .front{background-color:#0a0a0ae6;background-image:url(../img/logo-js.png);background-size:100% 100%}.html-cube{transform:rotate3d(1,0,1,10deg);translate:0px 0px -1000px;top:60vh;right:-10vw;transition:translate ease-out .2s;animation:htmlEntry ease .5s}.html-cube .front{background-color:#0a0a0ae6;background-image:url(../img/logo-html.png);background-size:80% 80%;background-repeat:no-repeat;background-position:center}.sql-cube{transform:rotate3d(1,-5,1,10deg);translate:0px 0px -700px;top:80vh;left:10vw;transition:translate ease-out .4s;animation:sqlEntry ease .5s}.sql-cube .front{background-color:#0a0a0ae6;background-image:url(../img/sql-icon-mono.png);background-size:80% 70%;background-repeat:no-repeat;background-position:center}.php-cube{transform:rotate3d(1,1,0,10deg) scale(.8);translate:0px 0px -900px;top:-18vh;left:45vw;transition:translate ease-out .1s;animation:phpEntry ease .5s}.php-cube .front{background-color:#0a0a0ae6;background-image:url(../img/logo-php.png);background-size:100% 100%}.cpp-cube{transform:rotate3d(1,-1,1,-20deg) scale(.7);translate:0px 0px -1500px;top:92vh;left:65vw;transition:translate ease-out .2s;animation:cppEntry ease .5s}.cpp-cube .front{background-color:#0a0a0ae6;background-image:url(../img/python-icon-mono.png);background-size:100% 100%}.css-cube{transform:rotate3d(-1,-1,1,-20deg) scale(.8);translate:0px 0px -1500px;top:-10vh;right:-10vw;transition:translate ease-out 1s;animation:cssEntry ease .5s}.css-cube .front{background-color:#0a0a0ae6;background-image:url(../img/logo-css.png);background-size:80% 80%;background-repeat:no-repeat;background-position:center}.landing-block{left:50%;top:50%;position:absolute;transform:translateZ(0) scale(.5);translate:-50% -50%;border-radius:20px}#main-block{width:1650px;height:1000px;padding:40px;box-sizing:border-box;background-color:#060606;box-shadow:0 0 50px #000000e6;z-index:10;backface-visibility:hidden;transform:translateZ(10px) scale(.5)}#main-block h1{display:flex;justify-content:center;align-items:center;height:20%;margin:0;font-size:100px;font-family:Zen Dots;color:#fff;font-weight:bolder;letter-spacing:2px}#border-block{background-image:linear-gradient(to right,#26ff44,#fbff00,#ee2424 50%,#ff00f3 74%,#000192);width:1665px;height:1015px;z-index:-1;filter:blur(20px);opacity:.8}#landing-text{box-sizing:border-box;float:left;color:#fff;padding:50px 0 50px 45px;font-size:clamp(.5rem,11vw,2.2rem);font-family:Goldman;flex-direction:column;height:80%;width:60%}#landing-text p{margin-bottom:10px;line-height:1.4}#landing-text .landing-btns{width:100%;height:100px;margin-top:60px;display:flex;justify-content:flex-start;gap:70px;position:absolute;bottom:100px}#landing-text .landing-btn{padding:50px;white-space:nowrap}#landing-text button{display:block;position:relative;background:#ffffff0d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;border:2px solid rgba(255,255,255,.5);font-weight:700;width:250px;height:70px;z-index:2000;font-size:30px;font-family:Zen Dots;border-radius:50px;transition:all .4s cubic-bezier(.25,1,.5,1);cursor:pointer;overflow:hidden}#landing-text button a{text-decoration:none;color:#fff;transition:color .3s ease;display:flex;width:100%;height:100%;align-items:center;justify-content:center;z-index:2;position:relative}#landing-text button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease;z-index:1}#landing-text button:hover{background-color:#fff;border-color:#fff;box-shadow:0 0 35px #fff6;transform:translateY(-3px)}#landing-text button:hover a{color:#000}#landing-text button:hover:before{left:100%}#avatar-block{display:flex;justify-content:center;box-sizing:border-box;padding:10px 0 80px;height:100%;align-items:center;width:40%}#avatar-block .avatar-content{display:flex;flex-direction:column;align-items:center;width:400px}#avatar-block img{width:100%;min-height:200px;object-fit:cover;border-bottom:2px solid rgb(255,255,255)}#avatar-block .social-icons{display:flex;justify-content:center;gap:40px;margin-top:60px;z-index:2000}#avatar-block .social-icons a{text-decoration:none;font-size:50px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center}#avatar-block .social-icons a i{background:linear-gradient(to right,#26ff44,#fbff00,#ee2424 50%,#ff00f3 74%,#000192);background-size:300%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;color:#fff;-webkit-text-fill-color:rgb(255,255,255);transition:color .4s ease,-webkit-text-fill-color .4s ease,filter .4s ease,transform .4s ease}#avatar-block .social-icons a:hover{transform:scale(1.2) translateY(-5px)}#avatar-block .social-icons a:hover i{color:#fff0;-webkit-text-fill-color:rgba(255,255,255,0);filter:drop-shadow(0 0 15px rgba(255,255,255,.4));animation:iconGradient 3s ease infinite alternate}.landing-above{height:80%;width:100%}.animated-name-block{position:relative;display:inline-block}.animated-line{position:absolute;right:-10px;top:10%;height:80%;width:6px;background-color:#fff;animation:animatedLine 1s steps(2,start) infinite}.second-line{position:relative;display:inline-block}.second-line .animated-line{position:absolute;right:-10px;top:0;height:100%;width:6px;background-color:#fff;animation:animatedLine 1s steps(2,start) infinite}@media (max-width: 840px){#main-block,#border-block{transform:scale(.35)}}@media (max-width: 520px){.animated-name-block{font-size:1.7rem}.social-icons{margin-top:10px!important}.social-icons i{font-size:25px!important}#main-block{transform:scale(1);width:90%;height:auto;min-height:auto;position:relative;translate:0 0;top:0;padding:30px 20px 40px;margin:30px auto 80px;border-radius:20px;display:flex;flex-direction:column;z-index:5;background-color:transparent;box-shadow:none}#main-block h1{font-size:32px;height:auto;margin:10px 0 20px;text-align:center;line-height:1.4}#main-block:after{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background-color:#060606;border-radius:20px}#main-block:before{content:"";position:absolute;z-index:-2;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to right,#26ff44,#fbff00,#ee2424 50%,#ff00f3 74%,#000192);border-radius:20px;filter:blur(20px);opacity:.7;margin:-5px}#border-block{display:none!important}header{width:100%;height:auto;display:block}.wrapper{position:relative;background-image:linear-gradient(#000,#000);width:100%;overflow-x:hidden}#landing-text{padding:0;width:100%;float:none;display:flex;flex-direction:column;align-items:center;height:auto}#landing-text p{font-size:16px;margin:20px 0;padding:0 5px;text-align:center;line-height:1.6}#landing-text .landing-btns{margin:15px 0;height:auto;position:relative;bottom:auto;width:100%;display:flex;flex-direction:column;align-items:center;gap:15px}#landing-text button{width:180px;height:50px;font-size:15px;border-width:2px;padding:10px!important}.landing-block{left:0;top:60px!important;position:static;transform:none;translate:0 0;border-radius:20px!important}#avatar-block{padding:10px 0;height:auto;width:100%;float:none;order:-1;display:flex;justify-content:center}#avatar-block img{width:160px;height:160px;border-width:3px}.landing-above{display:flex;flex-direction:column;width:100%;height:auto}.cube,.triangle{display:none!important}}@keyframes animatedLine{0%,to{opacity:1}50%{opacity:0}}@keyframes jsEntry{0%{transform:rotateY(-10deg);translate:0px 0px -500px}}@keyframes htmlEntry{0%{transform:rotateY(10deg);translate:0px 0px -4000px}}@keyframes sqlEntry{0%{transform:rotateY(0);translate:0px 0px -2000px}}@keyframes phpEntry{0%{transform:rotateY(0);translate:0px 0px -2000px}}@keyframes cppEntry{0%{transform:rotateY(0);translate:0px 0px -3000px}}@keyframes cssEntry{0%{transform:rotateY(0);translate:0px 0px -3000px}}@keyframes avatarFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes iconGradient{0%{background-position:0% 50%}to{background-position:100% 50%}}.triangle{position:absolute;width:0;height:0;border-style:solid;transition:translate ease-out .15s,opacity ease-out .15s;z-index:0;will-change:translate,opacity}.triangle-1{border-width:0 6px 22px 6px;border-color:transparent transparent rgba(200,200,200,.25) transparent;top:72vh;left:25vw;translate:0px 0px -1100px;animation:triangleEntry1 .6s ease,triangleRotate1 15s linear infinite}.triangle-2{border-width:28px 5px 0 5px;border-color:rgba(180,180,180,.2) transparent transparent transparent;top:88vh;right:20vw;translate:0px 0px -900px;animation:triangleEntry2 .7s ease,triangleRotate2 18s linear infinite reverse}.triangle-3{border-width:5px 0 5px 24px;border-color:transparent transparent transparent rgba(220,220,220,.3);top:40vh;left:72vw;translate:0px 0px -550px;animation:triangleEntry3 .8s ease,triangleRotate3 20s linear infinite}.triangle-4{border-width:6px 20px 6px 0;border-color:transparent rgba(190,190,190,.28) transparent transparent;top:82vh;left:38vw;translate:0px 0px -1100px;animation:triangleEntry4 .65s ease,triangleRotate4 22s linear infinite reverse}.triangle-5{border-width:0 7px 25px 7px;border-color:transparent transparent rgba(210,210,210,.22) transparent;top:68vh;right:42vw;translate:0px 0px -350px;animation:triangleEntry5 .75s ease,triangleRotate5 17s linear infinite}.triangle-6{border-width:20px 8px 0 8px;border-color:rgba(195,195,195,.26) transparent transparent transparent;top:52vh;left:6vw;translate:0px 0px -1050px;animation:triangleEntry6 .9s ease,triangleRotate6 19s linear infinite reverse}.triangle-7{border-width:6px 0 6px 26px;border-color:transparent transparent transparent rgba(185,185,185,.24);top:22vh;right:8vw;translate:0px 0px -1300px;animation:triangleEntry7 .55s ease,triangleRotate7 16s linear infinite}.triangle-8{border-width:5px 18px 5px 0;border-color:transparent rgba(205,205,205,.27) transparent transparent;top:75vh;left:18vw;translate:0px 0px -700px;animation:triangleEntry8 .62s ease,triangleRotate8 21s linear infinite reverse}.triangle-9{border-width:24px 7px 0 7px;border-color:rgba(215,215,215,.23) transparent transparent transparent;top:78vh;right:48vw;translate:0px 0px -450px;animation:triangleEntry9 .78s ease,triangleRotate9 23s linear infinite}.triangle-10{border-width:0 8px 18px 8px;border-color:transparent transparent rgba(192,192,192,.29) transparent;top:90vh;left:55vw;translate:0px 0px -1450px;animation:triangleEntry10 .85s ease,triangleRotate10 24s linear infinite reverse}.triangle-11{border-width:6px 0 6px 23px;border-color:transparent transparent transparent rgba(178,178,178,.21);top:48vh;left:85vw;translate:0px 0px -800px;animation:triangleEntry11 .72s ease,triangleRotate11 19.5s linear infinite}.triangle-12{border-width:7px 19px 7px 0;border-color:transparent rgba(188,188,188,.25) transparent transparent;top:94vh;left:45vw;translate:0px 0px -1350px;animation:triangleEntry12 .68s ease,triangleRotate12 20.5s linear infinite reverse}.triangle-13{border-width:0 6px 20px 6px;border-color:transparent transparent rgba(195,195,195,.27) transparent;top:16vh;left:25vw;translate:0px 0px 450px;animation:triangleEntry13 .64s ease,triangleRotate13 18.5s linear infinite}.triangle-14{border-width:5px 17px 5px 0;border-color:transparent rgba(182,182,182,.24) transparent transparent;top:25vh;left:14vw;translate:0px 0px 520px;animation:triangleEntry14 .71s ease,triangleRotate14 21.5s linear infinite reverse}.triangle-15{border-width:7px 0 7px 21px;border-color:transparent transparent transparent rgba(198,198,198,.26);top:56vh;right:-6vw;translate:0px 0px -950px;animation:triangleEntry15 .77s ease,triangleRotate15 19.8s linear infinite}.triangle-16{border-width:0 7px 23px 7px;border-color:transparent transparent rgba(186,186,186,.23) transparent;top:64vh;right:-14vw;translate:0px 0px -1050px;animation:triangleEntry16 .82s ease,triangleRotate16 22.3s linear infinite reverse}.triangle-17{border-width:6px 16px 6px 0;border-color:transparent rgba(203,203,203,.28) transparent transparent;top:77vh;left:16vw;translate:0px 0px -650px;animation:triangleEntry17 .69s ease,triangleRotate17 17.7s linear infinite}.triangle-18{border-width:21px 6px 0 6px;border-color:rgba(191,191,191,.25) transparent transparent transparent;top:84vh;left:6vw;translate:0px 0px -750px;animation:triangleEntry18 .73s ease,triangleRotate18 20.2s linear infinite reverse}.triangle-19{border-width:0 7px 24px 7px;border-color:transparent transparent rgba(208,208,208,.22) transparent;top:-22vh;left:51vw;translate:0px 0px -850px;animation:triangleEntry19 .66s ease,triangleRotate19 23.5s linear infinite}.triangle-20{border-width:6px 0 6px 22px;border-color:transparent transparent transparent rgba(196,196,196,.26);top:85vh;left:30vw;translate:0px 0px -950px;animation:triangleEntry20 .8s ease,triangleRotate20 18.9s linear infinite reverse}.triangle-21{border-width:0 7px 21px 7px;border-color:transparent transparent rgba(184,184,184,.24) transparent;top:88vh;left:71vw;translate:0px 0px -1450px;animation:triangleEntry21 .88s ease,triangleRotate21 21.8s linear infinite}.triangle-22{border-width:7px 18px 7px 0;border-color:transparent rgba(200,200,200,.27) transparent transparent;top:95vh;left:60vw;translate:0px 0px -1550px;animation:triangleEntry22 .75s ease,triangleRotate22 19.3s linear infinite reverse}.triangle-23{border-width:22px 6px 0 6px;border-color:rgba(189,189,189,.25) transparent transparent transparent;top:-14vh;right:-6vw;translate:0px 0px -1450px;animation:triangleEntry23 .79s ease,triangleRotate23 22.7s linear infinite}.triangle-24{border-width:5px 0 5px 20px;border-color:transparent transparent transparent rgba(194,194,194,.23);top:96vh;right:8vw;translate:0px 0px -1200px;animation:triangleEntry24 .84s ease,triangleRotate24 20.8s linear infinite reverse}.triangle-25{border-width:0 5px 19px 5px;border-color:transparent transparent rgba(197,197,197,.24) transparent;top:32vh;left:35vw;translate:0px 0px -600px;animation:triangleEntry25 .67s ease,triangleRotate25 16.8s linear infinite}.triangle-26{border-width:4px 16px 4px 0;border-color:transparent rgba(188,188,188,.26) transparent transparent;top:44vh;right:22vw;translate:0px 0px -820px;animation:triangleEntry26 .72s ease,triangleRotate26 19.2s linear infinite reverse}.triangle-27{border-width:20px 5px 0 5px;border-color:rgba(202,202,202,.25) transparent transparent transparent;top:58vh;left:50vw;translate:0px 0px -480px;animation:triangleEntry27 .76s ease,triangleRotate27 21.4s linear infinite}.triangle-28{border-width:5px 0 5px 19px;border-color:transparent transparent transparent rgba(193,193,193,.27);top:66vh;left:78vw;translate:0px 0px -1180px;animation:triangleEntry28 .81s ease,triangleRotate28 18.6s linear infinite reverse}.triangle-29{border-width:0 6px 24px 6px;border-color:transparent transparent rgba(186,186,186,.23) transparent;top:38vh;left:12vw;translate:0px 0px -920px;animation:triangleEntry29 .69s ease,triangleRotate29 20.1s linear infinite}.triangle-30{border-width:6px 17px 6px 0;border-color:transparent rgba(199,199,199,.28) transparent transparent;top:92vh;right:35vw;translate:0px 0px -1320px;animation:triangleEntry30 .83s ease,triangleRotate30 22.9s linear infinite reverse}.triangle-31{border-width:18px 6px 0 6px;border-color:rgba(207,207,207,.24) transparent transparent transparent;top:28vh;right:18vw;translate:0px 0px -740px;animation:triangleEntry31 .74s ease,triangleRotate31 17.3s linear infinite}.triangle-32{border-width:4px 0 4px 21px;border-color:transparent transparent transparent rgba(181,181,181,.22);top:62vh;left:32vw;translate:0px 0px -560px;animation:triangleEntry32 .65s ease,triangleRotate32 19.7s linear infinite reverse}.triangle-33{border-width:0 7px 20px 7px;border-color:transparent transparent rgba(195,195,195,.26) transparent;top:50vh;right:8vw;translate:0px 0px -1020px;animation:triangleEntry33 .78s ease,triangleRotate33 21.6s linear infinite}.triangle-34{border-width:5px 15px 5px 0;border-color:transparent rgba(204,204,204,.25) transparent transparent;top:70vh;left:62vw;translate:0px 0px -880px;animation:triangleEntry34 .7s ease,triangleRotate34 18.4s linear infinite reverse}.triangle-35{border-width:19px 6px 0 6px;border-color:rgba(190,190,190,.27) transparent transparent transparent;top:42vh;left:28vw;translate:0px 0px -670px;animation:triangleEntry35 .82s ease,triangleRotate35 20.5s linear infinite}.triangle-36{border-width:5px 0 5px 18px;border-color:transparent transparent transparent rgba(198,198,198,.24);top:98vh;left:22vw;translate:0px 0px -1480px;animation:triangleEntry36 .86s ease,triangleRotate36 23.2s linear infinite reverse}.triangle-37{border-width:0 6px 21px 6px;border-color:transparent transparent rgba(192,192,192,.26) transparent;top:15vh;left:2vw;translate:0px 0px -780px;animation:triangleEntry37 .71s ease,triangleRotate37 17.9s linear infinite}.triangle-38{border-width:5px 17px 5px 0;border-color:transparent rgba(187,187,187,.24) transparent transparent;top:30vh;left:1vw;translate:0px 0px -1050px;animation:triangleEntry38 .78s ease,triangleRotate38 20.3s linear infinite reverse}.triangle-39{border-width:19px 5px 0 5px;border-color:rgba(196,196,196,.27) transparent transparent transparent;top:45vh;left:3vw;translate:0px 0px -620px;animation:triangleEntry39 .65s ease,triangleRotate39 18.7s linear infinite}.triangle-40{border-width:4px 0 4px 20px;border-color:transparent transparent transparent rgba(201,201,201,.25);top:60vh;left:0vw;translate:0px 0px -890px;animation:triangleEntry40 .82s ease,triangleRotate40 21.5s linear infinite reverse}.triangle-41{border-width:0 7px 23px 7px;border-color:transparent transparent rgba(189,189,189,.23) transparent;top:87vh;left:2vw;translate:0px 0px -1240px;animation:triangleEntry41 .89s ease,triangleRotate41 19.4s linear infinite}.triangle-42{border-width:6px 19px 6px 0;border-color:transparent rgba(194,194,194,.28) transparent transparent;top:12vh;right:1vw;translate:0px 0px -950px;animation:triangleEntry42 .73s ease,triangleRotate42 18.2s linear infinite reverse}.triangle-43{border-width:20px 6px 0 6px;border-color:rgba(183,183,183,.25) transparent transparent transparent;top:27vh;right:3vw;translate:0px 0px -710px;animation:triangleEntry43 .67s ease,triangleRotate43 20.8s linear infinite}.triangle-44{border-width:5px 0 5px 21px;border-color:transparent transparent transparent rgba(199,199,199,.26);top:43vh;right:0vw;translate:0px 0px -1120px;animation:triangleEntry44 .8s ease,triangleRotate44 22.1s linear infinite reverse}.triangle-45{border-width:0 6px 22px 6px;border-color:transparent transparent rgba(206,206,206,.24) transparent;top:58vh;right:2vw;translate:0px 0px -830px;animation:triangleEntry45 .75s ease,triangleRotate45 19.6s linear infinite}.triangle-46{border-width:6px 18px 6px 0;border-color:transparent rgba(191,191,191,.27) transparent transparent;top:73vh;right:1vw;translate:0px 0px -1380px;animation:triangleEntry46 .87s ease,triangleRotate46 21.3s linear infinite reverse}.triangle-47{border-width:18px 5px 0 5px;border-color:rgba(185,185,185,.23) transparent transparent transparent;top:91vh;right:3vw;translate:0px 0px -640px;animation:triangleEntry47 .69s ease,triangleRotate47 17.5s linear infinite}.triangle-48{border-width:0 5px 19px 5px;border-color:transparent transparent rgba(197,197,197,.22) transparent;top:8vh;left:-2vw;translate:0px 0px -1150px;animation:triangleEntry48 .84s ease,triangleRotate48 23.7s linear infinite reverse}.triangle-49{border-width:5px 16px 5px 0;border-color:transparent rgba(203,203,203,.26) transparent transparent;top:95vh;left:-1vw;translate:0px 0px -970px;animation:triangleEntry49 .77s ease,triangleRotate49 18.9s linear infinite}.triangle-50{border-width:21px 6px 0 6px;border-color:rgba(188,188,188,.25) transparent transparent transparent;top:5vh;right:-2vw;translate:0px 0px -860px;animation:triangleEntry50 .72s ease,triangleRotate50 20.4s linear infinite reverse}.triangle-51{border-width:4px 0 4px 18px;border-color:transparent transparent transparent rgba(195,195,195,.24);top:36vh;right:-1vw;translate:0px 0px -1090px;animation:triangleEntry51 .81s ease,triangleRotate51 19.1s linear infinite}.triangle-52{border-width:0 7px 20px 7px;border-color:transparent transparent rgba(200,200,200,.27) transparent;top:82vh;right:-2vw;translate:0px 0px -750px;animation:triangleEntry52 .68s ease,triangleRotate52 21.9s linear infinite reverse}.triangle-53{border-width:0 6px 20px 6px;border-color:transparent transparent rgba(193,193,193,.25) transparent;top:2vh;left:25vw;translate:0px 0px -920px;animation:triangleEntry53 .74s ease,triangleRotate53 18.6s linear infinite}.triangle-54{border-width:5px 18px 5px 0;border-color:transparent rgba(198,198,198,.27) transparent transparent;top:4vh;left:42vw;translate:0px 0px -1080px;animation:triangleEntry54 .81s ease,triangleRotate54 20.7s linear infinite reverse}.triangle-55{border-width:19px 5px 0 5px;border-color:rgba(186,186,186,.24) transparent transparent transparent;top:1vh;right:28vw;translate:0px 0px -760px;animation:triangleEntry55 .69s ease,triangleRotate55 19.3s linear infinite}.triangle-56{border-width:4px 0 4px 21px;border-color:transparent transparent transparent rgba(201,201,201,.26);top:6vh;left:15vw;translate:0px 0px -1150px;animation:triangleEntry56 .85s ease,triangleRotate56 21.4s linear infinite reverse}.triangle-57{border-width:0 7px 22px 7px;border-color:transparent transparent rgba(189,189,189,.23) transparent;top:3vh;right:15vw;translate:0px 0px -840px;animation:triangleEntry57 .72s ease,triangleRotate57 17.8s linear infinite}.triangle-58{border-width:6px 17px 6px 0;border-color:transparent rgba(195,195,195,.28) transparent transparent;top:0vh;left:32vw;translate:0px 0px -680px;animation:triangleEntry58 .67s ease,triangleRotate58 22.1s linear infinite reverse}.triangle-59{border-width:20px 6px 0 6px;border-color:rgba(204,204,204,.25) transparent transparent transparent;top:5vh;right:38vw;translate:0px 0px -1020px;animation:triangleEntry59 .78s ease,triangleRotate59 19.9s linear infinite}.triangle-60{border-width:5px 0 5px 19px;border-color:transparent transparent transparent rgba(191,191,191,.24);top:7vh;left:8vw;translate:0px 0px -950px;animation:triangleEntry60 .76s ease,triangleRotate60 20.5s linear infinite reverse}.triangle-61{border-width:0 6px 21px 6px;border-color:transparent transparent rgba(197,197,197,.26) transparent;top:97vh;left:28vw;translate:0px 0px -1190px;animation:triangleEntry61 .83s ease,triangleRotate61 18.4s linear infinite}.triangle-62{border-width:18px 5px 0 5px;border-color:rgba(185,185,185,.25) transparent transparent transparent;top:99vh;left:48vw;translate:0px 0px -870px;animation:triangleEntry62 .71s ease,triangleRotate62 21.7s linear infinite reverse}.triangle-63{border-width:5px 19px 5px 0;border-color:transparent rgba(202,202,202,.27) transparent transparent;top:96vh;right:25vw;translate:0px 0px -730px;animation:triangleEntry63 .68s ease,triangleRotate63 19.6s linear infinite}.triangle-64{border-width:0 7px 23px 7px;border-color:transparent transparent rgba(194,194,194,.24) transparent;top:98vh;left:12vw;translate:0px 0px -1280px;animation:triangleEntry64 .87s ease,triangleRotate64 20.2s linear infinite reverse}.triangle-65{border-width:4px 0 4px 20px;border-color:transparent transparent transparent rgba(188,188,188,.23);top:97vh;right:18vw;translate:0px 0px -1050px;animation:triangleEntry65 .79s ease,triangleRotate65 18.9s linear infinite}.triangle-66{border-width:21px 6px 0 6px;border-color:rgba(199,199,199,.26) transparent transparent transparent;top:100vh;left:38vw;translate:0px 0px -640px;animation:triangleEntry66 .65s ease,triangleRotate66 22.3s linear infinite reverse}.triangle-67{border-width:6px 18px 6px 0;border-color:transparent rgba(206,206,206,.28) transparent transparent;top:99vh;right:32vw;translate:0px 0px -910px;animation:triangleEntry67 .73s ease,triangleRotate67 17.6s linear infinite}.triangle-68{border-width:0 6px 19px 6px;border-color:transparent transparent rgba(192,192,192,.25) transparent;top:98vh;right:12vw;translate:0px 0px -1160px;animation:triangleEntry68 .82s ease,triangleRotate68 21.1s linear infinite reverse}.triangle-69{border-width:5px 0 5px 17px;border-color:transparent transparent transparent rgba(183,183,183,.22);top:100vh;left:18vw;translate:0px 0px -790px;animation:triangleEntry69 .7s ease,triangleRotate69 19.8s linear infinite}.triangle-70{border-width:19px 5px 0 5px;border-color:rgba(196,196,196,.24) transparent transparent transparent;top:97vh;left:58vw;translate:0px 0px -1340px;animation:triangleEntry70 .89s ease,triangleRotate70 20.9s linear infinite reverse}@keyframes triangleEntry1{0%{translate:0px 0px -1200px;opacity:0}}@keyframes triangleEntry2{0%{translate:0px 0px -2100px;opacity:0}}@keyframes triangleEntry3{0%{translate:0px 0px -1650px;opacity:0}}@keyframes triangleEntry4{0%{translate:0px 0px -2400px;opacity:0}}@keyframes triangleEntry5{0%{translate:0px 0px -1450px;opacity:0}}@keyframes triangleEntry6{0%{translate:0px 0px -2250px;opacity:0}}@keyframes triangleEntry7{0%{translate:0px 0px -2700px;opacity:0}}@keyframes triangleEntry8{0%{translate:0px 0px -1850px;opacity:0}}@keyframes triangleEntry9{0%{translate:0px 0px -1550px;opacity:0}}@keyframes triangleEntry10{0%{translate:0px 0px -2600px;opacity:0}}@keyframes triangleEntry11{0%{translate:0px 0px -1950px;opacity:0}}@keyframes triangleEntry12{0%{translate:0px 0px -1350px;opacity:0}}@keyframes triangleEntry13{0%{translate:0px 0px -1550px;opacity:0}}@keyframes triangleEntry14{0%{translate:0px 0px -1650px;opacity:0}}@keyframes triangleEntry15{0%{translate:0px 0px -2050px;opacity:0}}@keyframes triangleEntry16{0%{translate:0px 0px -2150px;opacity:0}}@keyframes triangleEntry17{0%{translate:0px 0px -1750px;opacity:0}}@keyframes triangleEntry18{0%{translate:0px 0px -1850px;opacity:0}}@keyframes triangleEntry19{0%{translate:0px 0px -1950px;opacity:0}}@keyframes triangleEntry20{0%{translate:0px 0px -2050px;opacity:0}}@keyframes triangleEntry21{0%{translate:0px 0px -2550px;opacity:0}}@keyframes triangleEntry22{0%{translate:0px 0px -2650px;opacity:0}}@keyframes triangleEntry23{0%{translate:0px 0px -2550px;opacity:0}}@keyframes triangleEntry24{0%{translate:0px 0px -2650px;opacity:0}}@keyframes triangleEntry25{0%{translate:0px 0px -1700px;opacity:0}}@keyframes triangleEntry26{0%{translate:0px 0px -1920px;opacity:0}}@keyframes triangleEntry27{0%{translate:0px 0px -1580px;opacity:0}}@keyframes triangleEntry28{0%{translate:0px 0px -2280px;opacity:0}}@keyframes triangleEntry29{0%{translate:0px 0px -2020px;opacity:0}}@keyframes triangleEntry30{0%{translate:0px 0px -2420px;opacity:0}}@keyframes triangleEntry31{0%{translate:0px 0px -1840px;opacity:0}}@keyframes triangleEntry32{0%{translate:0px 0px -1660px;opacity:0}}@keyframes triangleEntry33{0%{translate:0px 0px -2120px;opacity:0}}@keyframes triangleEntry34{0%{translate:0px 0px -1980px;opacity:0}}@keyframes triangleEntry35{0%{translate:0px 0px -1770px;opacity:0}}@keyframes triangleEntry36{0%{translate:0px 0px -2580px;opacity:0}}@keyframes triangleEntry37{0%{translate:0px 0px -1880px;opacity:0}}@keyframes triangleEntry38{0%{translate:0px 0px -2150px;opacity:0}}@keyframes triangleEntry39{0%{translate:0px 0px -1720px;opacity:0}}@keyframes triangleEntry40{0%{translate:0px 0px -1990px;opacity:0}}@keyframes triangleEntry41{0%{translate:0px 0px -2340px;opacity:0}}@keyframes triangleEntry42{0%{translate:0px 0px -2050px;opacity:0}}@keyframes triangleEntry43{0%{translate:0px 0px -1810px;opacity:0}}@keyframes triangleEntry44{0%{translate:0px 0px -2220px;opacity:0}}@keyframes triangleEntry45{0%{translate:0px 0px -1930px;opacity:0}}@keyframes triangleEntry46{0%{translate:0px 0px -2480px;opacity:0}}@keyframes triangleEntry47{0%{translate:0px 0px -1740px;opacity:0}}@keyframes triangleEntry48{0%{translate:0px 0px -2250px;opacity:0}}@keyframes triangleEntry49{0%{translate:0px 0px -2070px;opacity:0}}@keyframes triangleEntry50{0%{translate:0px 0px -1960px;opacity:0}}@keyframes triangleEntry51{0%{translate:0px 0px -2190px;opacity:0}}@keyframes triangleEntry52{0%{translate:0px 0px -1850px;opacity:0}}@keyframes triangleEntry53{0%{translate:0px 0px -2020px;opacity:0}}@keyframes triangleEntry54{0%{translate:0px 0px -2180px;opacity:0}}@keyframes triangleEntry55{0%{translate:0px 0px -1860px;opacity:0}}@keyframes triangleEntry56{0%{translate:0px 0px -2250px;opacity:0}}@keyframes triangleEntry57{0%{translate:0px 0px -1940px;opacity:0}}@keyframes triangleEntry58{0%{translate:0px 0px -1780px;opacity:0}}@keyframes triangleEntry59{0%{translate:0px 0px -2120px;opacity:0}}@keyframes triangleEntry60{0%{translate:0px 0px -2050px;opacity:0}}@keyframes triangleEntry61{0%{translate:0px 0px -2290px;opacity:0}}@keyframes triangleEntry62{0%{translate:0px 0px -1970px;opacity:0}}@keyframes triangleEntry63{0%{translate:0px 0px -1830px;opacity:0}}@keyframes triangleEntry64{0%{translate:0px 0px -2380px;opacity:0}}@keyframes triangleEntry65{0%{translate:0px 0px -2150px;opacity:0}}@keyframes triangleEntry66{0%{translate:0px 0px -1740px;opacity:0}}@keyframes triangleEntry67{0%{translate:0px 0px -2010px;opacity:0}}@keyframes triangleEntry68{0%{translate:0px 0px -2260px;opacity:0}}@keyframes triangleEntry69{0%{translate:0px 0px -1890px;opacity:0}}@keyframes triangleEntry70{0%{translate:0px 0px -2440px;opacity:0}}@keyframes triangleRotate1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes triangleRotate2{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes triangleRotate3{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes triangleRotate4{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes triangleRotate5{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes triangleRotate6{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes triangleRotate7{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes triangleRotate8{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes triangleRotate9{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes triangleRotate10{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes triangleRotate11{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes triangleRotate12{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes triangleRotate13{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes triangleRotate14{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes triangleRotate15{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes triangleRotate16{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes triangleRotate17{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes triangleRotate18{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes triangleRotate19{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes triangleRotate20{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes triangleRotate21{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes triangleRotate22{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes triangleRotate23{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes triangleRotate24{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes triangleRotate25{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes triangleRotate26{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes triangleRotate27{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes triangleRotate28{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes triangleRotate29{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes triangleRotate30{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes triangleRotate31{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes triangleRotate32{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes triangleRotate33{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes triangleRotate34{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes triangleRotate35{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes triangleRotate36{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes triangleRotate37{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes triangleRotate38{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes triangleRotate39{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes triangleRotate40{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes triangleRotate41{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes triangleRotate42{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes triangleRotate43{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes triangleRotate44{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes triangleRotate45{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes triangleRotate46{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes triangleRotate47{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes triangleRotate48{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes triangleRotate49{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes triangleRotate50{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes triangleRotate51{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes triangleRotate52{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes triangleRotate53{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes triangleRotate54{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes triangleRotate55{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes triangleRotate56{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes triangleRotate57{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes triangleRotate58{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes triangleRotate59{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes triangleRotate60{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes triangleRotate61{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes triangleRotate62{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes triangleRotate63{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes triangleRotate64{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes triangleRotate65{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes triangleRotate66{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes triangleRotate67{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes triangleRotate68{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes triangleRotate69{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes triangleRotate70{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@media (max-width: 520px){.triangle{display:none}}.particles-container{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-20;pointer-events:none}.particle{position:absolute;border-radius:50%;background:#fff;opacity:0;pointer-events:none}.particle:nth-child(1){width:4px;height:4px;left:31%;bottom:-10px;animation:floatUp 20s linear infinite;animation-delay:-10s;opacity:.5}.particle:nth-child(2){width:3px;height:3px;left:23%;bottom:-10px;animation:floatUp 16s linear infinite;animation-delay:-1s;opacity:.5}.particle:nth-child(3){width:2px;height:2px;left:46%;bottom:-10px;animation:floatUp 18s linear infinite;animation-delay:-7s;opacity:.2}.particle:nth-child(4){width:3px;height:3px;left:72%;bottom:-10px;animation:floatUp 14s linear infinite;animation-delay:-3s;opacity:.4}.particle:nth-child(5){width:2px;height:2px;left:92%;bottom:-10px;animation:floatUp 16s linear infinite;animation-delay:-2s;opacity:.1}.particle:nth-child(6){width:4px;height:4px;left:76%;bottom:-10px;animation:floatUp 16s linear infinite;animation-delay:-6s;opacity:.3}.particle:nth-child(7){width:3px;height:3px;left:67%;bottom:-10px;animation:floatUp 17s linear infinite;animation-delay:-8s;opacity:.1}.particle:nth-child(8){width:2px;height:2px;left:61%;bottom:-10px;animation:floatUp 22s linear infinite;animation-delay:-1s;opacity:.3}.particle:nth-child(9){width:3px;height:3px;left:27%;bottom:-10px;animation:floatUp 18s linear infinite;animation-delay:-8s;opacity:.4}.particle:nth-child(10){width:4px;height:4px;left:1%;bottom:-10px;animation:floatUp 15s linear infinite;animation-delay:-5s;opacity:.2}.particle:nth-child(11){width:4px;height:4px;left:76%;bottom:-10px;animation:floatUp 17s linear infinite;animation-delay:-7s;opacity:.2}.particle:nth-child(12){width:4px;height:4px;left:25%;bottom:-10px;animation:floatUp 13s linear infinite;animation-delay:-9s;opacity:.3}.particle:nth-child(13){width:3px;height:3px;left:30%;bottom:-10px;animation:floatUp 16s linear infinite;animation-delay:-3s;opacity:.1}.particle:nth-child(14){width:3px;height:3px;left:18%;bottom:-10px;animation:floatUp 15s linear infinite;animation-delay:-1s;opacity:.1}.particle:nth-child(15){width:4px;height:4px;left:74%;bottom:-10px;animation:floatUp 14s linear infinite;animation-delay:-5s;opacity:.2}.particle:nth-child(16){width:3px;height:3px;left:57%;bottom:-10px;animation:floatUp 14s linear infinite;animation-delay:-5s;opacity:.2}.particle:nth-child(17){width:2px;height:2px;left:10%;bottom:-10px;animation:floatUp 21s linear infinite;animation-delay:-6s;opacity:.5}.particle:nth-child(18){width:3px;height:3px;left:66%;bottom:-10px;animation:floatUp 13s linear infinite;animation-delay:-5s;opacity:.1}.particle:nth-child(19){width:4px;height:4px;left:28%;bottom:-10px;animation:floatUp 24s linear infinite;animation-delay:-6s;opacity:.2}.particle:nth-child(20){width:3px;height:3px;left:34%;bottom:-10px;animation:floatUp 20s linear infinite;animation-delay:-4s;opacity:.5}.particle:nth-child(21){width:2px;height:2px;left:4%;bottom:-10px;animation:floatUp 18s linear infinite;animation-delay:-10s;opacity:.4}.particle:nth-child(22){width:2px;height:2px;left:91%;bottom:-10px;animation:floatUp 18s linear infinite;animation-delay:-8s;opacity:.1}.particle:nth-child(23){width:2px;height:2px;left:20%;bottom:-10px;animation:floatUp 15s linear infinite;animation-delay:-10s;opacity:.5}.particle:nth-child(24){width:4px;height:4px;left:92%;bottom:-10px;animation:floatUp 21s linear infinite;animation-delay:-4s;opacity:.4}.particle:nth-child(25){width:4px;height:4px;left:16%;bottom:-10px;animation:floatUp 14s linear infinite;animation-delay:-3s;opacity:.3}.particle:nth-child(26){width:3px;height:3px;left:11%;bottom:-10px;animation:floatUp 19s linear infinite;animation-delay:-2s;opacity:.3}.particle:nth-child(27){width:3px;height:3px;left:78%;bottom:-10px;animation:floatUp 25s linear infinite;animation-delay:-7s;opacity:.3}.particle:nth-child(28){width:4px;height:4px;left:91%;bottom:-10px;animation:floatUp 11s linear infinite;animation-delay:-2s;opacity:.2}.particle:nth-child(29){width:4px;height:4px;left:54%;bottom:-10px;animation:floatUp 19s linear infinite;animation-delay:-10s;opacity:.1}.particle:nth-child(30){width:4px;height:4px;left:90%;bottom:-10px;animation:floatUp 24s linear infinite;animation-delay:-8s;opacity:.5}@keyframes floatUp{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:.5}50%{opacity:.3}90%{opacity:0}to{transform:translateY(-110vh) translate(13px);opacity:0}}.fade-in-up{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1);will-change:opacity,transform}.fade-in-up.visible{opacity:1;transform:translateY(0)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.about{position:relative;padding:4rem 0;overflow:hidden;background:radial-gradient(circle at center,#191919,#0000 70%);mask-image:linear-gradient(to bottom,black 85%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 85%,transparent 100%)}.about-boxes{width:100%;gap:2rem;perspective:1000px}.about-box{position:relative;z-index:1;background-color:#14141499;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:2.5rem;display:flex;flex-direction:column;width:100%;max-width:600px;min-height:300px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease,border-color .4s ease;box-shadow:0 10px 30px -10px #000c}.about-box:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(to right,#26ff44,#fbff00,#ee2424 50%,#ff00f3 74%,#000192);transform:scaleX(0);transform-origin:left;transition:transform .4s ease;border-bottom-left-radius:15px;border-bottom-right-radius:15px}.about-box h5{font-family:Zen Dots,sans-serif;text-transform:uppercase;margin-bottom:1.5rem;font-size:1.3rem;letter-spacing:1px;position:relative;display:inline-block;text-decoration:none;background-image:linear-gradient(to right,#26ff44,#fbff00,#ee2424 50%,#ff00f3 74%,#000192);background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;text-shadow:0px 0px 20px rgba(255,255,255,.1)}.about-box .about-text{color:#fffc;font-size:1rem;line-height:1.6;font-weight:300;flex-grow:1}.about-box:hover{transform:translateY(-10px);border-color:#ffffff4d;box-shadow:0 20px 50px -10px #6464641a}@media (min-width: 992px){.about-boxes{flex-direction:row!important;justify-content:center;align-items:stretch!important}.about-box{width:45%;margin:0 1rem}}@media (min-width: 1400px){.about-box{max-width:500px}}.skills{position:relative;z-index:1;overflow:hidden}.skills-block{width:100%;background-color:transparent}.sk{width:100%}.sk-icons{display:flex;justify-content:center;align-items:center;min-height:500px;position:relative;padding-bottom:2rem}.sk-icons:after{content:"";position:absolute;width:80%;height:1px;background-image:linear-gradient(to right,#26ff44,#fbff00,#ee2424 50%,#ff00f3 74%,#000192);opacity:.5;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 10px #fff3}.skill-icon-div{position:relative;cursor:pointer}.skill-icon-div img{width:clamp(50px,5vw,90px);height:clamp(50px,5vw,90px);object-fit:contain;transition:all .3s cubic-bezier(.4,0,.2,1)}.skill-icon-div img.inactive{filter:grayscale(100%) brightness(.8);opacity:.7;transform:scale(1)}.skill-icon-div img.active{filter:grayscale(0%) brightness(1.2) drop-shadow(0 0 15px rgba(255,255,255,.4));opacity:1;transform:scale(1.1)}.skill-icon-div.user-hover{z-index:10}.skill-icon-div.user-hover img{filter:grayscale(0%) brightness(1.3) drop-shadow(0 0 20px rgba(255,255,255,.6));transform:scale(1.15)}.sk-text{padding-top:3rem}.sk-text .qualifications,.sk-text .other-skills{position:relative;width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex:1}.qua-text,.other-text{width:100%;max-width:600px;height:100%;color:#ffffffe6;background-color:#14141499;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:15px;padding:2rem;transition:all .4s cubic-bezier(.25,.8,.25,1);box-shadow:0 8px 16px #0006;display:flex;flex-direction:column}.qua-text:hover,.other-text:hover{transform:translateY(-8px);background-color:#1e1e1ed9;border-color:#ffffff4d;box-shadow:0 20px 40px -10px #0009,0 0 20px #ffffff14 inset}.qua-text .qualification-item{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.qua-text .qualification-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.qua-text .qualification-title{font-size:1.4rem;font-family:Zen Dots,sans-serif;margin-bottom:.5rem;letter-spacing:2px}.qua-text .qualification-subtitle{font-size:.95rem;color:#ffffffb3;font-weight:500;margin-bottom:1rem;line-height:1.4}.qua-text .qualification-desc{font-size:.95rem;line-height:1.7;color:#ffffffd9;text-align:justify;margin:0}.other-text{font-size:.95rem;line-height:1.8;font-weight:300;text-align:justify;color:#ffffffd9}@media (min-width: 768px){.sk-icons{min-height:350px;height:auto}.sk-text{padding-top:2rem}}@media (min-width: 992px){.sk-text{align-items:stretch}.qualifications{border-right:1px solid rgba(255,255,255,.1);padding-right:2rem!important}.other-skills{padding-left:2rem!important}.qua-text,.other-text{max-width:none}}.projects-main{width:100%;position:relative;min-height:450px;padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:10px}.arrow-block{height:100%;min-width:25px;z-index:10;cursor:pointer;transition:all .3s ease;border-radius:10px;display:flex;justify-content:center;align-items:center}.arrow-block i{color:#ffffff80;font-size:2.5rem;transition:color .3s ease,transform .3s ease;text-shadow:0 0 10px rgba(0,0,0,.5)}.arrow-block:hover i{color:#fff;transform:scale(1.2);text-shadow:0 0 15px rgba(255,255,255,.6)}.projects-slider{width:100%;height:100%;overflow:hidden;position:relative;border-radius:20px}.projects-slider .slider-track{display:flex;width:100%;height:100%;will-change:transform}.projects-slider .slider-track .project-block-outer{flex-shrink:0;text-decoration:none;padding:15px;box-sizing:border-box;width:100%}@media (min-width: 768px){.projects-slider .slider-track .project-block-outer{width:50%}}@media (min-width: 1200px){.projects-slider .slider-track .project-block-outer{width:33.3333%}}.projects-slider .slider-track .project-block-outer .project-block{width:100%;height:100%;position:relative;display:flex;flex-direction:column;background-color:#141414b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;box-shadow:0 10px 30px #00000080}.projects-slider .slider-track .project-block-outer .project-block:hover{transform:translateY(-5px);border-color:#ffffff4d;box-shadow:0 15px 40px #000000b3,0 0 20px #ffffff0d}.projects-slider .slider-track .project-block-outer .project-block:hover .project-img img{transform:scale(1.05)}.projects-slider .slider-track .project-block-outer .project-block .project-img{width:100%;height:200px;min-height:100px;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.1);background-color:#0a0a0a}.projects-slider .slider-track .project-block-outer .project-block .project-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.projects-slider .slider-track .project-block-outer .project-block .project-img:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:50%;background:linear-gradient(to top,rgb(20,20,20),transparent);pointer-events:none}.projects-slider .slider-track .project-block-outer .project-block .project-text{padding:20px;flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start}.projects-slider .slider-track .project-block-outer .project-block .project-text h5{font-family:Zen Dots,sans-serif;color:#fff;font-size:1.4rem;margin-bottom:10px;letter-spacing:1px}.projects-slider .slider-track .project-block-outer .project-block .project-text .project-description{font-family:Goldman,sans-serif;color:#ffffffb3;font-size:.95rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.projects-slider .slider-track .project-block-outer .project-block:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#f0c,#339,#0cf);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.projects-slider .slider-track .project-block-outer .project-block:hover:before{transform:scaleX(1)}.slider-track .project-block-outer{width:100%}@media (max-width: 767px){.projects-main{max-height:300px}.slider-track .project-block-outer{padding:5px!important}.slider-track .project-block-outer .project-img{height:130px!important;min-height:auto}.slider-track .project-block-outer .project-text{padding:10px!important}.slider-track .project-block-outer .project-text h5{font-size:1.1rem;margin-bottom:5px}}@media (min-width: 768px){.slider-track .project-block-outer{width:50%}.arrow-block{min-width:60px}}@media (min-width: 1200px){.slider-track .project-block-outer{width:33.333%}}@media (min-width: 1600px){.slider-track .project-block-outer{width:25%}}#contact{position:relative;padding-bottom:5rem!important}.contact-desc{font-family:Zen Dots,sans-serif;font-size:clamp(1.2rem,4vw,1.6rem);margin-bottom:1rem;color:#fff}.contact-subtext{color:#ffffffb3;font-family:Poppins,sans-serif;font-size:clamp(.9rem,2vw,1.1rem);line-height:1.6;max-width:700px}#contact-form{width:100%;max-width:600px;background-color:#14141499;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 20px 50px #00000080;transition:transform .3s ease,box-shadow .3s ease}#contact-form:hover{box-shadow:0 20px 60px #000000b3,0 0 30px #ff00cc0d}.contact-label{font-family:Goldman,sans-serif;font-size:.9rem;letter-spacing:1px;color:#ffffffe6;text-transform:uppercase;display:block}.contact-input{background-color:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;padding:12px 15px;font-family:Poppins,sans-serif;font-size:1rem;transition:all .3s ease;outline:none}.contact-input::placeholder{color:#ffffff4d}.contact-input:focus{background-color:#00000080;border-color:#f0c;box-shadow:0 0 15px #f0c3}textarea.contact-input{resize:vertical;min-height:100px}#contact-send-btn{position:relative;width:200px;height:55px;background:transparent;color:#fff;font-family:Zen Dots,sans-serif;font-size:1rem;letter-spacing:1px;border:none;border-radius:50px;cursor:pointer;overflow:hidden;transition:all .4s ease;z-index:1}#contact-send-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50px;padding:2px;background:linear-gradient(90deg,#f0c,#339,#0cf);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}#contact-send-btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#f0c,#339,#0cf);opacity:0;z-index:-1;transition:opacity .4s ease}#contact-send-btn:hover{transform:scale(1.05);box-shadow:0 0 20px #f0c6}#contact-send-btn:hover:after{opacity:1}#contact-send-btn:active{transform:scale(.95)}@media (min-width: 768px){#contact-form{padding:3rem}}.contact-input.error{border-color:#f44!important;box-shadow:0 0 10px #ff44444d!important}.field-error{color:#f44;font-family:Poppins,sans-serif;font-size:.85rem;margin-top:.5rem;display:none;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}#contact-send-btn.loading{pointer-events:none;opacity:.7}#contact-send-btn.loading span{opacity:.5}#contact-send-btn.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.contact-notification{position:relative;width:100%;max-width:600px;margin:0 auto;padding:0 1.5rem;max-height:0;opacity:0;overflow:hidden;transform:translateY(-10px);border:0 solid transparent;border-radius:12px;font-family:Poppins,sans-serif;font-size:1rem;display:flex;align-items:center;gap:1rem;transition:max-height .8s cubic-bezier(.16,1,.3,1),margin .8s cubic-bezier(.16,1,.3,1),padding .8s cubic-bezier(.16,1,.3,1),opacity .6s ease-in-out,transform .6s ease-out,border-width .1s linear}.contact-notification.show{max-height:150px;margin:0 auto 2rem;padding:1.2rem 1.5rem;opacity:1;transform:translateY(0);border-width:1px}.contact-notification .notification-icon{font-size:1.5rem;font-weight:700;flex-shrink:0}.contact-notification .notification-message{flex:1;line-height:1.5}.contact-notification.success{background:#22c55e26;border-color:#22c55e4d;color:#4ade80;box-shadow:0 4px 20px #22c55e1a}.contact-notification.success .notification-icon{color:#4ade80}.contact-notification.error{background:#ef444426;border-color:#ef44444d;color:#ff6b6b;box-shadow:0 4px 20px #ef44441a}.contact-notification.error .notification-icon{color:#ff6b6b}@media (max-width: 768px){.contact-notification{font-size:.9rem}.contact-notification.show{padding:1rem;margin:0 1rem 1.5rem}}.footer{position:relative;background:linear-gradient(to top,#28282866,#0000)}.footer-content{font-family:Poppins,sans-serif;color:#fff}.copyright{font-size:.9rem;color:#888;transition:color .3s ease}.copyright:hover{color:#fff}.M{font-family:Zen Dots;font-size:50px;background:linear-gradient(90deg,#ff0040,#7e00ff);background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;text-decoration:none;transition:transform .3s ease,filter .3s ease}.M:hover{transform:scale(1.1);filter:drop-shadow(0 0 10px rgba(126,0,255,.5))}.footer-socials{display:flex;gap:1.5rem}.footer-socials a{color:#888;font-size:1.5rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center}.footer-socials a:hover{color:#fff;transform:translateY(-3px)}.footer-socials a:hover[aria-label=Instagram]{color:#e1306c;filter:drop-shadow(0 0 8px #E1306C)}.footer-socials a:hover[aria-label=Facebook]{color:#4267b2;filter:drop-shadow(0 0 8px #4267B2)}.footer-socials a:hover[aria-label=LinkedIn]{color:#0077b5;filter:drop-shadow(0 0 8px #0077b5)}@media (max-width: 768px){.copyright{font-size:.8rem}.footer-socials{gap:1.2rem}.footer-socials a{font-size:1.3rem}}@media (max-width: 520px){.black-background{top:0}}@media (min-width: 521px){.black-background:before{content:"";position:absolute;z-index:100;width:100%;height:2px;border-radius:40%;background-image:linear-gradient(90deg,#f0c,#339,#0cf);left:0}}