@import url("https://fonts.googleapis.com/css?family=Raleway:300&display=swap");@import url("https://fonts.googleapis.com/css?family=Monoton&display=swap");@import url("https://fonts.googleapis.com/css?family=Poppins:500&display=swap");:root{--bg-primary-color:#07161b;--dark-bg-primary-color:#030a0c;--primary-color:#58d5d3;--dark-primary-color:#33b8b6;--loading-grey:#ededed;--toastify-color-success:var(--primary-color)!important;--toastify-color-dark:var(--dark-bg-primary-color)!important;--marquee-width:100vw;--marquee-height:100vh;--marquee-elements-displayed:6}.card-3d{width:100%!important;height:100vh!important;cursor:grab;display:flex;align-items:center;flex-direction:column;justify-content:center}.card-3d:active{cursor:grabbing}*{padding:0;margin:0;box-sizing:border-box}::-webkit-scrollbar{width:4px;color:var(--primary-color);transition:all .4s ease}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px;width:4px;transition:all .4s ease}::-webkit-scrollbar-track{background:var(--bg-primary-color);border-radius:4px;width:4px}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}html{background:var(--bg-primary-color)}#loader{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100vh;position:fixed;z-index:100;font-family:poppins;background-color:var(--dark-bg-primary-color);color:#f5f5f5;font-size:70px;width:100%}body{user-select:none;height:auto;overflow-x:hidden}#header,body{width:100%;background:var(--bg-primary-color)}#header{height:100vh;overflow:hidden;animation:scale 1.5s ease;position:relative;display:block}#particles{position:absolute;top:0;left:0;height:100%;width:100vw;background-size:cover;background-position:50% 50%;display:block}#navigation-content{height:100vh;width:100%;position:fixed;z-index:5;background-color:var(--bg-primary-color);transform:translateY(-200%);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .3s ease}#navigation-bar{position:fixed;height:100px;width:100%;z-index:3;padding:10px;background:transparent;overflow:hidden}.menubar{position:absolute;right:4%;top:40%;cursor:pointer;opacity:.8;transition:all .4s ease}.menubar span{position:relative;background-color:transparent;height:2px;width:20px;display:block;margin:6px;border-radius:20px}.menubar .first-span{width:35px}.menubar .first-span:before{content:"";position:absolute;height:100%;width:50%;top:0;right:0;background-color:#f5f5f5;transition:all .5s ease}.menubar .second-span{width:35px}.menubar .second-span:before{content:"";position:absolute;height:100%;width:75%;top:0;right:0;background-color:#f5f5f5;transition:all .3s ease}.menubar .third-span{width:35px}.menubar .third-span:before{content:"";position:absolute;height:100%;width:100%;top:0;right:0;background-color:#f5f5f5;transition:all .3s ease}.menubar:hover .first-span:before,.menubar:hover .second-span:before{width:100%}.menubar:hover{opacity:1}.close-first,.close-second{height:2px;width:35px;background-color:#f5f5f5;display:block;margin:4px;cursor:pointer;padding:1px;border-radius:20px}.close-first{transform:rotate(45deg)}.close-second{transform:rotate(-45deg)}.navigation-close{position:absolute;top:6%;right:4%;padding:10px;cursor:pointer;transition:all.3s ease;opacity:.8}.navigation-close:hover{opacity:1;transform:rotate(90deg)}.logo img{height:80px;position:absolute;top:3%;left:2.5%;opacity:.8;z-index:2;cursor:pointer;transition:all .4s ease}@media only screen and (max-width:600px){.logo img{height:60px}.card-3d{height:45vh!important;justify-content:flex-start!important}}.logo img:hover{opacity:1;transform:rotate(-45deg)}#navigation-bar img{height:80px;position:absolute;top:15%;left:2.5%;opacity:.8;transition:all .4s ease}#navigation-bar img:hover{opacity:1;transform:rotate(-45deg)}.header-image img{height:100vh;float:right}.header-image{float:right;height:auto;background-size:cover;background-position:50%;width:50%;height:100vh}.home-avatar-showcase{position:absolute;right:clamp(24px,7vw,120px);top:50%;width:min(42vw,620px);aspect-ratio:1;transform:translateY(-48%);z-index:3;display:grid;place-items:center;isolation:isolate}.home-avatar-showcase:before{content:"";position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle,rgba(88,213,211,.2),rgba(51,184,182,.08) 42%,transparent 70%);filter:blur(14px);transform:scale(1);transition:transform .45s ease,opacity .45s ease;opacity:.9}.home-avatar-showcase:after{content:"";position:absolute;inset:4%;border-radius:50%;background:radial-gradient(circle at 20% 28%,hsla(0,0%,100%,.85) 0 1px,transparent 2px),radial-gradient(circle at 76% 22%,rgba(88,213,211,.9) 0 1.5px,transparent 3px),radial-gradient(circle at 82% 62%,rgba(51,184,182,.8) 0 1px,transparent 2px),radial-gradient(circle at 32% 78%,hsla(0,0%,100%,.65) 0 1px,transparent 3px),radial-gradient(circle at 52% 16%,rgba(88,213,211,.7) 0 1px,transparent 2px);filter:drop-shadow(0 0 12px rgba(88,213,211,.65));opacity:0;transform:scale(.92) rotate(0deg);transition:opacity .28s ease,transform .6s ease;z-index:5;pointer-events:none}.home-avatar-showcase:hover:before{transform:scale(1.08);opacity:1}.home-avatar-showcase:hover:after{opacity:1;transform:scale(1.04) rotate(16deg);animation:avatarSparkFloat 1.2s ease-in-out infinite alternate}.home-avatar-frame{position:relative;width:76%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:linear-gradient(145deg,rgba(3,10,12,.96),rgba(7,22,27,.68));border:1px solid rgba(88,213,211,.36);box-shadow:0 0 0 1px hsla(0,0%,100%,.04),0 28px 90px rgba(3,10,12,.75),0 0 95px rgba(88,213,211,.2);transform:translateZ(0);transition:transform .45s ease,box-shadow .45s ease,border-color .45s ease;z-index:2}.home-avatar-showcase:hover .home-avatar-frame{border-color:rgba(88,213,211,.7);box-shadow:0 0 0 1px hsla(0,0%,100%,.08),0 32px 110px rgba(3,10,12,.86),0 0 130px rgba(88,213,211,.32);transform:translateY(-8px) scale(1.025)}.home-avatar-image{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.06);filter:saturate(1.05) contrast(1.04);transition:transform .55s ease,filter .55s ease}.home-avatar-showcase:hover .home-avatar-image{transform:scale(1.1);filter:saturate(1.14) contrast(1.08)}.home-avatar-showcase:hover .home-avatar-glow{opacity:1;animation-duration:5s}.home-avatar-showcase:hover .home-avatar-orbit-one{border-color:rgba(88,213,211,.55);transform:rotateX(64deg) rotate(-2deg) scale(1.04)}.home-avatar-showcase:hover .home-avatar-orbit-two{border-color:hsla(0,0%,100%,.3);transform:rotateX(68deg) rotate(76deg) scale(1.06)}.home-avatar-particles{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none}.home-avatar-glow{position:absolute;width:62%;aspect-ratio:1;border-radius:50%;background:conic-gradient(from 140deg,transparent,rgba(88,213,211,.4),transparent 34%,hsla(0,0%,100%,.18),transparent 68%,rgba(51,184,182,.35),transparent);filter:blur(.4px);animation:avatarGlowSpin 16s linear infinite;opacity:.72;z-index:1}.home-avatar-orbit{position:absolute;border-radius:50%;border:1px solid rgba(88,213,211,.22);box-shadow:inset 0 0 35px rgba(88,213,211,.08);z-index:0;transition:transform .55s ease,border-color .55s ease}.home-avatar-orbit-one{width:92%;aspect-ratio:1;transform:rotateX(64deg) rotate(-18deg)}.home-avatar-orbit-two{width:68%;aspect-ratio:1;border-color:hsla(0,0%,100%,.13);transform:rotateX(68deg) rotate(58deg)}@keyframes avatarGlowSpin{to{transform:rotate(1turn)}}@keyframes avatarSparkFloat{0%{filter:drop-shadow(0 0 10px rgba(88,213,211,.45))}to{filter:drop-shadow(0 0 20px rgba(88,213,211,.9))}}.header-content{height:100vh;width:100%;float:left;display:flex;position:absolute;align-items:center;justify-content:center;color:#f5f5f5;font-family:raleway;font-weight:400;letter-spacing:1px;flex-direction:column;font-size:50px;z-index:1}.header-content-box{z-index:2;text-align:center;height:auto;padding-right:60px;width:auto}.header-content .firstline{z-index:2;font-weight:700;font-family:poppins;font-size:65px;gap:30px}.header-content .secondline{z-index:2;font-size:30px;padding-top:20px;font-weight:500;color:hsla(0,0%,100%,.8)}.secondline{display:flex;flex-direction:row;align-items:center;gap:10px;justify-content:center}.slash{animation-name:animateslash;animation-duration:.8s;animation-iteration-count:infinite;animation-play-state:running}@keyframes animateslash{0%{opacity:1;z-index:2}to{opacity:0;z-index:0}}@-webkit-keyframes animateslash{0%{opacity:1;z-index:2}to{opacity:0;z-index:0}}.social-media-links{height:100vh;position:absolute;z-index:2;padding:60px;width:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.social-media{color:#fff;width:21px;opacity:.6;margin:8px;transition:all .4s ease}.social-media:hover{opacity:1;transform:scale(1.1)}.social-media-github{width:26px}.navigation-links{display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:poppins}.navigation-links a{padding:10px;text-decoration:none;color:#fff;font-size:30px;opacity:.7;transition:all .4s ease;text-transform:uppercase!important}.navigation-links a:hover{opacity:1}.navigation-links a:before{content:"";position:absolute;top:50%;left:50%;display:flex;justify-content:center;transform:translate(-50%,-50%);align-items:center;font-size:5em;font-weight:400;font-family:monoton;color:hsla(0,0%,100%,.1);z-index:1;pointer-events:none;opacity:0;letter-spacing:100px;transition:all .4s ease;text-transform:uppercase!important}.navigation-links a:hover:before{content:attr(data-text);opacity:1;letter-spacing:10px}.contact{display:flex;position:absolute;width:10%;right:0;top:0;height:100%;align-items:center;justify-content:center;flex-direction:column}.contact,.contact a{z-index:3}.contact img{margin:10px;height:30px;opacity:.6;transition:all .4s ease}.contact img:hover{opacity:1;transform:scale(1.1)}#breaker{height:100vh;width:200%;background-color:var(--primary-color);opacity:1;animation:breakeranimate 2s linear;display:none;transition:all .4s ease;border-radius:5px;z-index:10;position:fixed}@keyframes breakeranimate{0%{transform:translateX(-100%)}50%{transform:translateX(0)}to{transform:translateX(100%)}}.color{color:var(--primary-color);transition:all .4s ease}.flex{display:flex}#about{background-color:var(--bg-primary-color);width:100%;height:auto;overflow:hidden}@keyframes scale{0%{transform:scale(.6)}to{transform:scale(1)}}@-webkit-keyframes breakeranimate{0%{transform:scale(.6)}to{transform:scale(1)}}#about-content{display:flex;flex-direction:column;padding:30px}#about-content,.about-header{align-items:center;color:#f5f5f5;justify-content:center;height:auto;width:100%}.about-header{text-align:center;font-size:45px;font-family:raleway;padding:60px 10px 30px;font-weight:900}.about-first-paragraph{color:#f5f5f5;font-size:20px;font-family:poppins;width:50%;padding:30px;font-weight:400}.about-first-paragraph .color{font-size:40px}.about-first-line{font-size:35px;opacity:1;margin-bottom:10px;display:block}.about-second-line{opacity:.8;font-size:18px;font-weight:200}.about-main{display:flex;align-items:center;justify-content:center;width:100vw;height:auto;padding-left:50px;padding-right:50px;flex-direction:row}.about-img img{width:100%;height:380px;padding:30px;border-radius:40px}.about-img{width:550px;height:auto;padding:10px 30px 30px;border-radius:40px}#about-content a{text-decoration:none;font-family:aileron;font-weight:400;font-size:35px;color:var(--primary-color);transition:all .4s ease}.cv{padding-top:40px}.cv a button{background:transparent;border:none;padding:15px 30px;color:#f5f5f5;background:var(--primary-color);outline:none;font-size:20px;font-family:aileron;border-radius:4px;font-weight:400;cursor:pointer;position:relative;transition:all .4s ease}.cv a button:hover{opacity:1;transform:scale(1.05)}#services{position:relative}.services-heading{height:auto;width:100%;text-align:center;font-size:45px;font-family:raleway;color:#f5f5f5;padding:30px 10px;font-weight:900}.about-first-paragraph,.services-heading{align-items:center;justify-content:center}.about-first-paragraph{display:flex;flex-direction:column}.colors{color:#f5f5f5}.services-content{height:auto;width:100%;padding:2.5%}.service,.services-content{overflow:hidden;text-align:center}.service{height:380px;width:28%;margin:1.5%;background-color:#191919;display:inline-block;box-shadow:0 0 25px rgba(0,0,0,.05);position:relative;z-index:2;border-radius:10px;animation:opacity 1.4s ease}.service-img{text-align:center}.service-img img{display:inline-block;z-index:2;position:relative;margin:20px;border-radius:30%;padding:10px;border:0 solid var(--primary-color);background:var(--primary-color);box-shadow:0 0 0 0 var(--primary-color);height:100px;transition:all .8s ease}.service:hover .service-img img{box-shadow:0 0 0 400px var(--primary-color)}.service-description{font-family:poppins;color:#f5f5f5;position:relative;display:inline-block;z-index:2}.service-description h2{padding:10px;margin:5px;font-weight:200;font-size:25px}.service-description p{padding:10px;font-weight:200;font-size:16px;opacity:.8}#skills,.skills-header{width:100%;height:auto}.skills-header{text-align:center;align-items:center;justify-content:center;font-size:45px;font-family:raleway;color:#f5f5f5;padding:30px 10px;font-weight:900}.skills-content{height:auto;width:100%;margin-top:20px;margin-bottom:80px}.skill-html{height:auto;width:45%;position:relative;font-family:poppins;color:#f5f5f5;display:inline-block;padding:1.5%}.skill-text{width:80%;position:relative;height:50px}.html{display:inline-block;position:absolute;left:5%;top:30%}.html-prog{width:100%;height:40px;border-radius:10px;background:#191919;box-shadow:0 0 25px rgba(0,0,0,.1);position:relative;overflow:hidden}.html-progress{width:95%}.html-progress,.js-progress{position:absolute;top:10%;left:1%;height:80%;display:flex;align-items:center;justify-content:center;transition:all .4s ease;border-radius:10px;background:var(--primary-color)}.js-progress{font-family:poppins;width:90%}.adobe-progress{width:83%}.adobe-progress,.php-progress{position:absolute;top:10%;left:1%;height:80%;display:flex;align-items:center;justify-content:center;transition:all .4s ease;border-radius:10px;background:var(--primary-color)}.php-progress{width:85%}.jquery-progress{width:94%}.jquery-progress,.seo-progress{position:absolute;top:10%;left:1%;height:80%;display:flex;align-items:center;justify-content:center;transition:all .4s ease;border-radius:10px;background:var(--primary-color)}.seo-progress{width:84%}.portfolio-header{height:auto;width:100%;text-align:center;align-items:center;justify-content:center;font-size:45px;font-family:raleway;transition:all .4s ease;color:#f5f5f5;padding:60px 10px 30px;font-weight:900}.header-caption{opacity:.8;display:block;font-size:20px;font-family:raleway;padding:15px 8px 8px;color:#f5f5f5;font-weight:400}.portfolio{height:auto;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:50px 2% 40px 1.5%}.portfolio-text{width:40%;padding-left:1%;margin:160px 1% 1% -40px;z-index:3;opacity:1;background:#080808;padding-top:10px;padding-bottom:10px}.portfolio-text h2{font-size:35px;font-family:poppins;font-weight:200;padding:20px;color:var(--primary-color);transition:all .4s ease}.portfolio-text p{padding:20px}.portfolio-text button,.portfolio-text p{font-size:16px;opacity:.8;font-family:poppins;font-weight:200}.portfolio-text button{padding:10px 20px;background:transparent;color:var(--primary-color);outline:none;margin:20px;border:1.5px solid var(--primary-color);cursor:pointer;overflow:hidden;position:relative;transition:all .4s ease;border-radius:10px}.portfolio-text button:before{content:"";position:absolute;width:0;height:200%;transform:rotate(-15deg) translateY(-20px);top:0;left:0;z-index:3;background:var(--primary-color);transition:all .7s ease}.portfolio-text button:hover{opacity:1;color:#f5f5f5}button:hover .index{position:relative;z-index:4}.portfolio-text button:hover:before{opacity:1;width:120%}.button{text-align:center}.portfolio-image img{height:400px;width:100%;position:relative}.portfolio-image{height:400px;width:40%}.portfolio-image img:before{content:"";height:100%;width:100%;background:var(--primary-color);opacity:.1;top:0;left:0;transition:all .4s ease;position:absolute;z-index:2}#portfolio-content{width:100%;display:flex;height:auto;flex-direction:column;justify-content:center;overflow:hidden}#portfolio{overflow-x:hidden;background-color:var(--bg-primary-color)}#portfolio,.blog-header{height:auto;width:100%;color:#f5f5f5}.blog-header{text-align:center;align-items:center;justify-content:center;font-size:45px;font-family:raleway;padding:60px 10px 30px;font-weight:900}#blog{background:var(--bg-primary-color);display:none;color:#f5f5f5;width:100%;height:auto}.blog-content{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.blogs{height:420px;width:40%;margin:20px;border-radius:8px}.blogs,.blogs .img{position:relative;overflow:hidden}.blogs .img{height:80%;width:100%;transition:all .65s ease}.blog-date{position:absolute;left:0;bottom:0;background:var(--primary-color);color:#f5f5f5;font-size:18px;text-align:center;font-weight:400;font-family:poppins;padding:3px;transition:all .4s ease;width:25%;height:auto}.blogs .img img{height:100%;width:100%;transition:all .65s ease}.blog-text{height:80%;width:100%;text-align:center;vertical-align:center;font-family:poppins;color:#f5f5f5;background-color:#050505;transition:all .5s ease}.blog-text h3{font-size:28px;font-weight:500;height:20%;padding:20px;letter-spacing:1px}.blog-text p{font-size:18px;opacity:.9;font-weight:400;height:80%;padding:30px;letter-spacing:1px}.blogs:hover .blog-text,.blogs:hover .img{transform:translateY(-70%)}.blogs a{text-decoration:none;color:#f5f5f5}#contact{background:var(--bg-primary-color);position:relative}#contact,.contact-header{height:auto;text-align:center;width:100%}.contact-header{align-items:center;justify-content:center;font-size:45px;font-family:raleway;color:#f5f5f5;padding:60px 10px 30px;font-weight:900}.contact-header-caption{padding:10px;color:#f5f5f5;opacity:.9;font-family:raleway;font-size:18px}.contact-content{width:90%;margin:auto;height:auto;display:flex;flex-direction:row;align-items:center;justify-content:center}.contact-info{width:40%;height:500px;background-position:50%;background-size:cover;border-radius:16px;margin-bottom:50px;position:relative;overflow:hidden;box-shadow:50px -20px 90px 70px #58d5d354,0 0 0 1px #58d5d354}.contact-info-content{display:flex;flex-direction:column;align-items:flex-start}.contact-info:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:var(--bg-primary-color);opacity:.8;pointer-events:none}.contact-form{height:550px;padding-right:40px;width:60%;display:flex;flex-direction:column}form{width:auto;position:relative}.input-line,form{display:flex;flex-direction:column;height:auto;align-items:center}.input-line{width:100%;justify-content:center}.input-email,.input-name{width:84%;padding:10px 20px;margin:14px;border-radius:8px;outline:none;background:#050505;border:none;color:#f5f5f5;font-family:poppins;font-size:18px}.form-header{font-size:24px;font-family:poppins;font-weight:400;color:#f5f5f5;padding:28px}.input-file,.input-subject{margin:24px}.input-file,.input-subject,.input-textarea{width:84%;padding:10px 20px;border-radius:8px;outline:none;background:#050505;border:none;color:#f5f5f5;font-family:poppins;font-size:18px}.input-textarea{margin:15px;height:150px}form button{padding:8px 24px;font-family:poppins;font-size:20px;color:#f5f5f5;background:var(--dark-primary-color);opacity:.8;margin:20px;cursor:pointer;border:none;border-radius:8px;transition:all .4s ease}form button:hover{opacity:1}.contact-info-header{position:relative;z-index:2;font-size:24px;font-family:poppins;font-weight:400;color:#f5f5f5;padding:30px}.contect-info-content-line{height:auto;padding:10px;position:relative;z-index:2;display:flex;flex-direction:row;align-items:center;text-align:left;margin-left:100px}.contact-info-icon-text{color:#f5f5f5;padding:15px;font-family:poppins}.contact-info-icon-text h6{font-size:15px;opacity:.8}.contact-info-icon-text p{font-size:14px;opacity:.7}.icon{height:40px;opacity:.8}.footer{background:var(--dark-bg-primary-color);width:100%;padding:20px;color:#f5f5f5;display:flex;flex-direction:row;font-family:poppins;align-items:center;justify-content:center}.footer .footer-text{position:relative;display:inline;font-size:18px;font-weight:400;opacity:1}.color-changer{height:auto;width:auto;display:flex;flex-direction:row;position:fixed;right:-150px;top:40%;z-index:4;color:#000;transition:all .4s ease}.color-changer-active{right:0;transition:all .4s ease}.color-panel{height:45px;cursor:pointer;width:45px;display:flex;align-items:center;justify-content:center;border-bottom-left-radius:3px;border-top-left-radius:3px;background:#f5f5f5}.color-panel img{height:40px;width:40px;padding:2px;animation:rotate 2s linear infinite}.colors ul{display:flex;flex-wrap:wrap;height:auto;max-width:150px;text-align:center;justify-content:center;margin-top:10px}.colors li{height:30px;width:30px;margin:5px;border-radius:20%;position:relative;overflow:hidden}.colors li a{position:absolute;top:0;left:0;height:100%;width:100%}.color-red{background:var(--primary-color)}.color-purple{background:#481380}.color-green{background:#04a777}.color-blue{background:#035aa6}.color-malt{background:#00909e}.color-orange{background:#dd7631}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.color-selector{height:auto;width:150px;padding:10px;background:#f5f5f5;font-family:poppins;font-size:16px;display:flex;color:#000;flex-direction:column;align-items:center;justify-content:center}.color-selector li{list-style:none}@media only screen and (max-width:550px){.header-content{height:100vh;width:100%;float:left;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#f5f5f5;font-family:raleway;font-weight:500;letter-spacing:2px;font-size:40px}.contact{display:none}.header-image{float:center;height:0;width:100%}.home-avatar-showcase{top:9vh;width:min(76vw,330px);opacity:.88}.home-avatar-orbit-one{width:88%}.social-media-links{width:100%;left:0;bottom:10px;position:absolute;height:auto;display:flex;flex-direction:row;align-items:center;justify-content:center}.header-content-box{padding-left:0}#breaker{height:50vh;width:200%;background-color:var(--primary-color);opacity:1;animation:breakeranimate 2s linear;display:none;transition:all .4s ease;z-index:10;position:fixed}@keyframes breakeranimate{0%{transform:translateX(-100%)}50%{transform:translateX(0)}to{transform:translateX(100%)}}@-webkit-keyframes breakeranimate{0%{transform:translateX(-100%)}50%{transform:translateX(0)}to{transform:translateX(100%)}}.header-content-box{z-index:2;text-align:center;height:auto;padding-right:0;width:auto}#about-content{display:flex;flex-direction:column;align-items:center;height:auto;width:100%;padding:30px}#about-content,.about-header{color:#f5f5f5;justify-content:center}.about-header{font-size:35px;font-family:raleway;padding:10px;font-weight:900}.about-first-paragraph{color:#f5f5f5;justify-content:center;font-size:20px;font-family:poppins;width:95%;padding:10px;font-weight:400}.about-first-paragraph .color{font-size:30px}.about-first-line{font-size:28px;opacity:1;margin-bottom:10px;display:block}.about-second-line{opacity:.8;font-size:18px;text-align:center}.about-main{display:flex;align-items:center;justify-content:center;width:100vw;height:auto;padding-left:10px;padding-right:10px;flex-direction:column-reverse}.about-img img{width:280px;padding:5px;border-radius:10%}.about-img{width:100%;padding:50px;text-align:center;overflow:hidden;border-radius:10%}.parallax-effect-glare-scale{box-shadow:none!important}.card h2{top:50px!important;left:-30px!important;font-weight:100!important;transform:translateZ(40px)!important}.card h2,.card span{position:absolute!important;font-size:22px!important}.card span{bottom:40px!important;right:-38px!important;font-weight:400!important;transform:translateZ(30px)!important}.service{height:350px;width:90%;margin:1.5%;background-color:#191919;box-shadow:0 0 25px rgba(0,0,0,.1);text-align:center;border-radius:10px;overflow:hidden}.service,.service-img img{display:inline-block;position:relative;z-index:2}.service-img img{margin:20px;border-radius:30%;padding:10px;width:80px;height:80px;transition:all .8s ease}.skill{width:80%}.prog{height:30px}.skills-content{height:auto;width:100%;margin-top:20px;margin-bottom:15px}.portfolio{height:auto;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 2% 40px 1.5%}.portfolio-text{width:90%;padding-left:0;margin:-15px 0 0;z-index:1;background:#070707;padding-top:10px;padding-bottom:10px}.portfolio-image{position:relative}.portfolio-text h2{font-size:22px;font-family:poppins;font-weight:200;padding:10px}.portfolio-text p{font-size:15px;opacity:.8;font-family:poppins;font-weight:200;padding:15px}.service:hover .service-img img{box-shadow:0 0 0 0 var(--primary-color)}.portfolio-image img{height:auto;width:100%}.portfolio-image{height:160px;width:85%}#navigation-bar img{height:80px;position:absolute;top:15%;left:2.5%;opacity:.8;transition:all .4s ease;display:none}.blogs{height:auto;width:90%;margin:20px 10px;position:relative}.blogs .img{height:80%;width:100%;overflow:hidden;transition:all .65s ease;position:relative}.blog-date{position:absolute;left:0;bottom:0;color:#f5f5f5;font-size:18px;text-align:center;font-weight:400;font-family:poppins;padding:3px;width:35%;height:auto}.blogs .img img{height:100%;width:100%;transition:all .65s ease}.blog-text{height:auto;width:100%;text-align:center;vertical-align:center;font-family:poppins;color:#f5f5f5;background-color:#000;transition:all .5s ease}.blog-text h3{font-size:24px;height:15%;padding:10px}.blog-text h3,.blog-text p{font-weight:200;letter-spacing:1px}.blog-text p{font-size:15px;opacity:.9;height:85%;padding:20px}.blogs:hover .blog-text,.blogs:hover .img{transform:translateY(0)}.contact-content{width:90%;margin:auto;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.contact-info{width:90%;height:500px;background-position:50%;background-size:cover;border-radius:16px;margin-bottom:25px;position:relative;overflow:hidden}.contact-info:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:var(--bg-primary-color);opacity:.7;pointer-events:none}.contact-form{height:auto;width:90%;display:flex;padding-bottom:40px;padding-right:0;flex-direction:column}form{width:auto;position:relative}.input-line,form{display:flex;flex-direction:column;height:auto;align-items:center}.input-line{width:100%;justify-content:center}.input-email,.input-name{width:90%;padding:10px 20px;margin:14px;border-radius:8px;outline:none;background:#050505;border:none;color:#f5f5f5;font-family:poppins;font-size:16px}.form-header{font-size:22px;font-family:poppins;font-weight:400;color:#f5f5f5;padding:0 20px 20px}.input-file,.input-subject{margin:24px}.input-file,.input-subject,.input-textarea{width:90%;padding:10px 20px;border-radius:8px;outline:none;background:#050505;border:none;color:#f5f5f5;font-family:poppins;font-size:16px}.input-textarea{margin:15px;height:140px}form button{padding:8px 24px;font-family:poppins;font-size:20px;color:#f5f5f5;opacity:.8;margin:20px;cursor:pointer;border:none;border-radius:8px;transition:all .4s ease}form button:hover{opacity:1}.contact-info-header{position:relative;z-index:2;font-size:24px;font-family:poppins;font-weight:400;color:#f5f5f5;padding:20px}.contect-info-content-line{height:auto;padding:10px;position:relative;z-index:2;display:flex;flex-direction:row;align-items:center;text-align:left;margin-left:5%}.contact-info-icon-text{color:#f5f5f5;padding:15px;font-family:poppins}.contact-info-icon-text h6{font-size:15px;opacity:.8}.contact-info-icon-text p{font-size:14px;opacity:.7}.hire-me-section{display:none}.header-content .firstline{font-size:45px}.header-content .secondline{position:absolute;font-size:23px}.btn-start-home button{margin-top:80px}.container-portfolio{margin-top:0!important;height:92vh!important}.works{grid-template-columns:repeat(2,1fr)!important}.marquee-content li img{height:80px!important;width:80px!important}.logo img{left:6.5%;width:220px}.navigation-links a:before{font-size:1.5em;width:100%}#header .parallax-effect-glare-scale{margin-top:5vh!important;z-index:2;height:45vh}#header{display:flex!important}.home-avatar-showcase{top:7vh;left:50%;right:auto;width:min(78vw,360px);transform:translateX(-50%)}.home-avatar-frame{width:72%}.header-content-box{margin-top:30vh!important}}@media (max-width:1025px) and (min-width:551px){.header-content{height:100vh;float:left;flex-direction:column;color:#f5f5f5;font-family:raleway;font-weight:500;letter-spacing:2px;font-size:40px}.header-content,.social-media-links{width:100%;display:flex;align-items:center;justify-content:center}.social-media-links{left:0;bottom:0;position:absolute;padding:10px;height:auto;flex-direction:row}.home-avatar-showcase{top:8vh;left:50%;right:auto;width:min(54vw,460px);transform:translateX(-50%)}.header-content-box{padding-left:0}#breaker,.contact{display:none}#breaker{height:50vh;width:200%;background-color:var(--primary-color);opacity:1;animation:breakeranimate 2s linear;transition:all .4s ease;z-index:10;position:fixed}@keyframes breakeranimate{0%{transform:translateX(-100%)}50%{transform:translateX(0)}to{transform:translateX(100%)}}@-webkit-keyframes breakeranimate{0%{transform:translateX(-100%)}50%{transform:translateX(0)}to{transform:translateX(100%)}}.header-content-box{z-index:2;text-align:center;height:auto;padding-right:0;width:auto}#about-content{display:flex;flex-direction:column;align-items:center;height:auto;width:100%;padding:10px}#about-content,.about-header{color:#f5f5f5;justify-content:center}.about-header{font-size:45px;font-family:raleway;padding:15px;font-weight:900}.about-first-paragraph{color:#f5f5f5;justify-content:center;font-size:40px;font-family:poppins;width:95%;padding:25px;font-weight:400}.about-first-paragraph .color{font-size:35px}.about-first-line{font-size:32px;opacity:1;margin-bottom:10px;display:block}.about-second-line{opacity:.8;font-size:24px}.about-main{display:flex;align-items:center;justify-content:center;width:100vw;height:auto;padding-left:10px;padding-right:10px;flex-direction:column-reverse}.about-img img{width:100%;height:380px;padding:30px;border-radius:40px}.about-img{width:550px;height:auto;padding:10px 30px 30px;border-radius:40px}.cv a button{border:none;padding:20px 30px;color:#f5f5f5;outline:none;font-size:20px;font-family:aileron;border-radius:8px;font-weight:400;cursor:pointer;position:relative;transition:all .4s ease}.service{height:auto;width:45%;margin:2%;background-color:#191919;display:inline-block;box-shadow:0 0 25px rgba(0,0,0,.1);position:relative;text-align:center;z-index:2;border-radius:10px;padding:10px;overflow:hidden}.service-description h2{padding:10px;margin:5px;font-weight:200;font-size:22px}.service-description p{padding:10px;font-weight:200;font-size:15px;opacity:.8}.skill{width:40%}.prog{height:35px}.skills-content{height:auto;width:100%;margin-top:20px;margin-bottom:15px}.portfolio{height:auto;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 2% 40px 1.5%}.portfolio-text{width:70%;padding-left:0;margin:0;z-index:1;background:#080808;padding-top:15px;padding-bottom:15px}.portfolio-image{position:relative}.portfolio-text h2{font-size:35px}.portfolio-text h2,.portfolio-text p{font-family:poppins;font-weight:200;padding:15px}.portfolio-text p{font-size:20px;opacity:.8}.service:hover .service-img img{box-shadow:0 0 0 0 var(--primary-color)}.portfolio-image img{height:380px;width:100%;position:relative}.portfolio-image{height:380px;width:70%}#navigation-bar img{height:80px;position:absolute;top:15%;left:2.5%;opacity:.8;transition:all .4s ease}.blogs{height:auto;width:75%;margin:20px 10px;position:relative}.blogs .img{height:60%;width:100%;overflow:hidden;transition:all .65s ease;position:relative}.blog-date{position:absolute;left:0;bottom:0;color:#f5f5f5;font-size:18px;text-align:center;font-weight:400;font-family:poppins;padding:3px;width:35%;height:auto}.blogs .img img{height:100%;width:100%;transition:all .65s ease}.blog-text{height:auto;width:100%;text-align:center;vertical-align:center;font-family:poppins;color:#f5f5f5;background-color:#050505;padding:10px;transition:all .5s ease}.blog-text h3{font-size:28px;height:15%;padding:10px}.blog-text h3,.blog-text p{font-weight:200;letter-spacing:1px}.blog-text p{font-size:17px;opacity:.9;height:85%;padding:20px}.blogs:hover .blog-text,.blogs:hover .img{transform:translateY(0)}.contact-content{width:90%;margin:auto;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.contact-info{width:70%;height:500px;background-position:50%;background-size:cover;border-radius:16px;margin-bottom:50px;position:relative;overflow:hidden}.contact-info:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:var(--bg-primary-color);opacity:.7;pointer-events:none}.contact-form{height:auto;width:90%;display:flex;padding-bottom:40px;padding-right:0;flex-direction:column}form{width:auto;position:relative}.input-line,form{display:flex;flex-direction:column;height:auto;align-items:center}.input-line{width:100%;justify-content:center;margin-bottom:40px!important}.input-email,.input-name{width:80%;padding:10px 20px;margin:14px;border-radius:8px;outline:none;background:#050505;border:none;color:#f5f5f5;font-family:poppins;font-size:16px}.form-header{font-size:22px;font-family:poppins;font-weight:400;color:#f5f5f5;padding:0 20px 20px}.input-file,.input-subject{margin:24px}.input-file,.input-subject,.input-textarea{width:80%;padding:10px 20px;border-radius:8px;outline:none;background:#050505;border:none;color:#f5f5f5;font-family:poppins;font-size:16px}.input-textarea{margin:15px;height:140px}form button{padding:8px 24px;font-family:poppins;font-size:20px;color:#f5f5f5;opacity:.8;margin:20px;cursor:pointer;border:none;border-radius:8px;transition:all .4s ease}form button:hover{opacity:1}.contact-info-header{position:relative;z-index:2;font-size:24px;font-family:poppins;font-weight:400;color:#f5f5f5;padding:20px}.contect-info-content-line{height:auto;padding:10px;position:relative;z-index:2;display:flex;flex-direction:row;align-items:center;text-align:left;margin-left:30%}.hire-me-section{display:none}.btns img{height:40px!important;width:40px!important}.logo img{left:-6.5%}#navigation-bar img,.logo img{height:50px}.navigation-links a:before{font-size:3em}.marquee-content li img{height:120px!important}}@media (max-width:9000px) and (min-width:1441px){.portfolio-image img{height:500px;width:160%;position:relative}.portfolio-image{height:500px;width:40%}.about-img img{width:100%;padding:30px;animation:opacity 1.4s ease}.about-img,.about-img img{height:450px;border-radius:40px}.about-img{width:40%}.about-first-line{font-size:45px;opacity:1;margin-bottom:10px;display:block}.about-first-line .color{font-size:46px}.about-second-line{opacity:.8;font-size:28px;font-weight:200}.cv a button{background:transparent;border:none;padding:25px 35px;color:#f5f5f5;outline:none;font-size:30px;font-family:aileron;border-radius:4px;font-weight:400;cursor:pointer;position:relative;transition:all .4s ease}.service{height:450px;width:28%;margin:1.5%;padding:10px;background-color:#191919;display:inline-block;box-shadow:0 0 25px rgba(0,0,0,.05);position:relative;z-index:2;border-radius:10px;overflow:hidden;animation:opacity 1.4s ease}.service,.service-img{text-align:center}.service-img img{display:inline-block;z-index:2;position:relative;margin:20px;border-radius:30%;padding:10px;height:120px;transition:all .8s ease}.service-description h2{padding:10px;margin:5px;font-weight:200;font-size:32px}.service-description p{padding:10px;font-weight:200;font-size:18px;opacity:.8}.blogs{height:420px;width:30%;margin:50px auto}.blogs,.blogs .img{position:relative;overflow:hidden}.blogs .img{height:80%;width:100%;transition:all .65s ease}.blog-date{position:absolute;left:0;bottom:0;color:#f5f5f5;font-size:18px;text-align:center;font-weight:400;font-family:poppins;padding:3px;width:25%;height:auto}.blogs .img img{height:100%;width:100%;transition:all .65s ease}.blog-text{height:80%;width:100%;text-align:center;vertical-align:center;font-family:poppins;color:#f5f5f5;background-color:#050505;transition:all .5s ease}.blog-text h3{font-size:28px;font-weight:500;height:20%;padding:20px;letter-spacing:1px}.blog-text p{font-size:18px;opacity:.9;font-weight:400;height:80%;padding:30px;letter-spacing:1px}.blogs:hover .blog-text,.blogs:hover .img{transform:translateY(-70%)}.contact-header{height:auto;width:100%;text-align:center;align-items:center;justify-content:center;font-size:45px;font-family:raleway;color:#f5f5f5;padding:60px 10px 30px;font-weight:900}.contact-header-caption{padding:10px;color:#f5f5f5;opacity:.9;font-family:raleway;font-size:18px}.contact-content{width:90%;margin:auto;height:auto;display:flex;flex-direction:row;align-items:center;justify-content:center}.contact-info{width:30%;height:500px;background-position:50%;background-size:cover;border-radius:16px;margin-top:-50px;margin-bottom:50px;position:relative;overflow:hidden}.contact-info:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:var(--bg-primary-color);opacity:.7;pointer-events:none}.contact-form{height:600px;width:60%;display:flex;flex-direction:column}form{width:auto;position:relative}.input-line,form{display:flex;flex-direction:column;height:auto;align-items:center}.input-line{width:100%;justify-content:center}.input-email,.input-name{width:60%;padding:10px 20px;margin:14px;border-radius:8px;outline:none;background:#050505;border:none;color:#f5f5f5;font-family:poppins;font-size:18px}.form-header{font-size:24px;font-family:poppins;font-weight:400;color:#f5f5f5;padding:0 20px 20px}.input-file,.input-subject{margin:24px}.input-file,.input-subject,.input-textarea{width:60%;padding:10px 20px;border-radius:8px;outline:none;background:#050505;border:none;color:#f5f5f5;font-family:poppins;font-size:18px}.input-textarea{margin:15px;height:150px}form button{padding:8px 24px;font-family:poppins;font-size:20px;color:#f5f5f5;opacity:.8;margin:20px;cursor:pointer;border:none;border-radius:8px;transition:all .4s ease}}.text-center{text-align:center}.btn-play{font-family:poppins;position:relative;width:11em;height:4em;outline:none;transition:.1s;background-color:transparent;border:none;font-size:13px;font-weight:700;color:#ddebf0}#clip{--color:var(--dark-primary-color);top:0;overflow:hidden;width:100%;height:100%;border:5px double var(--color);box-shadow:inset 0 0 15px var(--bg-primary-color);-webkit-clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}#clip,.arrow{position:absolute}.arrow{transition:.2s;background-color:var(--dark-primary-color);top:35%;width:11%;height:30%}#leftArrow{left:-13.5%;-webkit-clip-path:polygon(100% 0,100% 100%,0 50%)}#rightArrow{-webkit-clip-path:polygon(100% 49%,0 0,0 100%);left:102%}.btn-play:hover #rightArrow{background-color:var(--primary-color);left:-15%;animation:rightArrow8 .6s ease-in-out infinite alternate both}.btn-play:hover #leftArrow{background-color:var(--primary-color);left:103%;animation:leftArrow8 .6s ease-in-out infinite alternate both}.corner{position:absolute;width:4em;height:4em;background-color:var(--dark-primary-color);box-shadow:inset 1px 1px 8px var(--dark-primary-color);transform:scale(1) rotate(45deg);transition:.2s}#rightTop{top:-1.98em;left:91%}#leftTop{top:-1.96em;left:-3em}#leftBottom{top:2.1em;left:-2.15em}#rightBottom{top:45%;left:88%}.btn-play:hover #leftTop{animation:changeColor8 .1s ease-in-out .05s both,lightEffect8 .2s linear .4s both}.btn-play:hover #rightTop{animation:changeColor8 .1s ease-in-out .15s both,lightEffect8 .2s linear .4s both}.btn-play:hover #rightBottom{animation:changeColor8 .1s ease-in-out .25s both,lightEffect8 .2s linear .4s both}.btn-play:hover #leftBottom{animation:changeColor8 .1s ease-in-out .35s both,lightEffect8 .2s linear .4s both}.btn-play:hover .corner{transform:scale(1.25) rotate(45deg)}.btn-play:hover #clip{animation:greenLight8 .2s ease-in-out .55s both;--color:var(--primary-color)}@keyframes changeColor8{0%{background-color:var(--dark-primary-color)}to{background-color:var(--primary-color)}}@keyframes lightEffect8{0%{box-shadow:1px 1px 5px var(--primary-color)}to{box-shadow:0 0 2px var(--primary-color)}}@keyframes greenLight8{to{box-shadow:inset 0 0 32px var(--primary-color)}}@keyframes leftArrow8{0%{transform:translate(0)}to{transform:translateX(10px)}}@keyframes rightArrow8{0%{transform:translate(0)}to{transform:translateX(-10px)}}.container-portfolio{position:absolute;height:76vh;width:100vw;margin-top:14vh;transition:margin-top .5s ease}iframe{height:100%;width:100%}iframe,iframe:hover{border:0!important}.list-icons-language{list-style:none;display:flex;gap:10PX}.icon-language{width:30px}.icon-language-active{border:2px solid var(--primary-color);border-radius:100%}.title-language{margin-top:15px;color:var(--primary-color);font-family:poppins}.top{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.card,.top{margin:auto}.card{width:270px;height:413px;transition:transform .05s linear;font-family:poppins}.top:after{background:inherit;content:"";display:block;top:40px;width:100%;height:100%;z-index:-10}.card h2,.top:after{position:absolute;left:-60px}.card h2{top:0;font-size:40px;font-weight:100;transform:translateZ(60px)!important}.card span{position:absolute;bottom:40px;right:-180px;font-size:37px;font-weight:400;transform:translateZ(35px)}img{margin:auto}.perspective{width:100%;perspective:100px}.parallax-effect-glare-scale{border-radius:20px;transform-style:preserve-3d;margin-top:-30px}.parallax-effect-glare-scale,.parallax-effect-glare-scale .inner-element{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}.parallax-effect-glare-scale .inner-element{font-size:35px;font-style:italic;transform:translateZ(60px)}.container-infos-email{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:20px}.container-item-infos-email{max-width:50%;display:flex;width:100%;float:left;gap:10px;margin-bottom:10px;text-align:justify}.portfolio .portfolio-image img{border-radius:10px 5px 5px 10px;border-radius:10px}.portfolio .portfolio-text{border-radius:10px}.slideC{position:relative;perspective:1000px;transform-style:preserve-3d;width:55vw;height:80vh;margin:0 auto}.slide{width:55vw;height:70vh;margin-top:10vh;top:0;border-radius:12px}.reflection,.slide{transition:transform .5s ease 0s,opacity .5s ease 0s,visibility .5s ease 0s;position:absolute}.reflection{width:100%;height:100px;bottom:-40px;z-index:-6!important;border-radius:0}.slide{display:flex;justify-content:center;align-items:center;flex-direction:column;background-size:contain;background-position:50%;background-repeat:no-repeat;border-radius:15px!important}.slide img{border-radius:15px}.fullscreen{position:absolute;top:65px;right:15px;width:30px}.sliderContent{display:flex;flex-direction:column;color:#fff;padding:30px;align-items:flex-start;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.sliderContent h2{margin:16px 0}.sliderContent p{margin:0 0 16px}.center{justify-content:center;flex-direction:column;width:100%;height:100vh}.btns,.center{display:flex;align-items:center}.btns{flex-direction:row;justify-content:space-evenly;flex-wrap:nowrap;cursor:pointer}.btns .btn:last-child{margin-left:40px}.btns img{height:78px}.bounce-in-right{animation:bounce-in-right 2s ease}@keyframes bounce-in-right{0%{opacity:0;transform:translateX(2000px)}60%{opacity:1;transform:translateX(-30px)}80%{transform:translateX(10px)}to{transform:translateX(0)}}.bounce-in-left{animation:bounce-in-left 2s ease}@keyframes bounce-in-left{0%{opacity:0;transform:translateX(-2000px)}60%{opacity:1;transform:translateX(30px)}80%{transform:translateX(-10px)}to{transform:translateX(0)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}#btn-next,#btn-prev{z-index:1}.container-404{display:flex;flex-direction:column;align-items:center;height:90.5vh;justify-content:center}.container-404 h1,.container-404 p{font-size:200px;color:var(--primary-color);font-family:Poppins;text-align:center}.container-404 p{font-size:60px;color:#fff;margin-bottom:40px}.marquee{width:100%;height:100%;background-color:#07161b;color:#eee;overflow:hidden;position:relative;margin:10px 0}.marquee-vertical{width:auto;-webkit-mask-image:linear-gradient(var(--mask-direction,to top),transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(var(--mask-direction,to top),transparent,#000 20%,#000 80%,transparent)}.marquee-horizontal{height:auto;-webkit-mask-image:linear-gradient(var(--mask-direction,to right),transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(var(--mask-direction,to right),transparent,#000 20%,#000 80%,transparent)}.marquee-content{list-style:none;height:100%;display:flex}.marquee-content li{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:calc(var(--marquee-width) / var(--marquee-elements-displayed));max-height:100%;font-size:calc(var(--marquee-height) * 3 / 4);white-space:nowrap;background:var(--primary-color);margin:20px;padding:10px 30px;border-radius:10px}.marquee-content li img{width:auto;height:140px}.container-marquee{width:100%;height:100%;display:flex;justify-content:center;align-items:center}@keyframes marquee-horizontal-left{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes marquee-horizontal-right{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes marquee-vertical{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@media (max-width:600px){html{font-size:12px}:root{--marquee-width:100vw;--marquee-height:16vh;--marquee-elements-displayed:3}}@keyframes scroll-left{0%{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--marquee-width)))}}@keyframes scroll-right{0%{transform:translateX(calc(-1 * var(--marquee-width)))}to{transform:translateX(0)}}@keyframes scroll-up{0%{transform:translateY(0)}to{transform:translateY(calc(-1 * var(--marquee-height)))}}@keyframes scroll-down{0%{transform:translateY(calc(-1 * var(--marquee-height)))}to{transform:translateY(0)}}.marquee-left .marquee-content{animation:scroll-left calc(var(--marquee-elements) * 3s) linear infinite}.marquee-right .marquee-content{animation:scroll-right calc(var(--marquee-elements) * 3s) linear infinite}.marquee-up .marquee-content{animation:scroll-up calc(var(--marquee-elements) * 3s) linear infinite;flex-direction:column;gap:30px}.marquee-down .marquee-content{animation:scroll-down calc(var(--marquee-elements) * 3s) linear infinite;flex-direction:column}#cssportal-grid{display:grid;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);gap:20px;width:100%;height:100%}#div1{height:100vh;margin-left:-6vh;grid-area:1/1/5/2}#div2{grid-area:1/2/3/5}#div2,#div3{width:100%;margin-left:-10vh;margin-bottom:10vh}#div3{grid-area:3/2/5/5}.works{width:100%;display:grid;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(5,1fr);gap:8px}.work{display:flex}.work img{width:80%;height:auto;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.work img:hover{-webkit-transform:scale(1.01);transform:scale(1.01)}.works:hover .work img{-webkit-filter:grayscale(1);filter:grayscale(1)}.works .work img:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}#rotate-message{display:none;position:fixed;width:100%;height:100%;background-color:var(--bg-primary-color);color:#fff;padding:20px;z-index:1000;text-align:center}.show-rotate-message{display:flex!important;flex-direction:column;align-items:center;justify-content:center}.show-rotate-message img{margin:inherit}.show-rotate-message span{font-size:22px;font-family:Poppins;margin-bottom:20px}.container-slider{overflow:hidden}#all{display:flex}@media only screen and (max-width:850px){.container-portfolio{height:100vh;margin-top:0}}.container-copy-field{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:60px}.copy-field{max-width:60%;word-break:break-all;background:#fff;padding:40px;min-width:430px;min-height:152px;font-weight:700;border-radius:15px;font-size:xxx-large;color:var(--bg-primary-color)}.title-tools{display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--primary-color);font-weight:700}.tools div,.tools h1,.tools h2,.tools h3,.tools h4,.tools h5,.tools h6,.tools p,.tools span{font-family:poppins}.tools p{color:#fff}.container-tools{display:flex;flex-direction:column;align-items:center}.container-tools p{max-width:75%;margin-bottom:60px}.box{background-color:#fff;border-radius:15px;margin-right:auto;margin-left:auto}.box--list{padding:60px 70px 80px;max-width:70%;margin-bottom:60px}.box--list__header{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.box--list__header a{text-decoration:none;color:var(--dark-primary-color)}.box--list__item{padding-top:30px;margin-top:30px;border-top:1px solid #f0f0f4}.box--list__header-link{color:var(--dark-primary-color);font-size:1rem;font-weight:500;text-decoration:none}.box--list__header-link svg{position:relative;top:-1px;margin-left:5px}.box--list__items a{text-decoration:none;color:inherit}.box--list__items span{float:right;color:var(--dark-primary-color);font-size:medium;margin-top:-40px}.btn-tools{padding:15px;border-radius:10px;border:0;font-family:poppins;color:var(--bg-primary-color);background:var(--primary-color);gap:10px;display:flex;flex-direction:row;margin-top:10px;transition:all .4s ease}.btn-tools:active{background:var(--bg-primary-color)}.container-genarate-qrcode{display:flex;flex-direction:column;align-items:center;margin-bottom:60px}.loading.copy-field,.loading.qr-code{background-color:var(--loading-grey);background:linear-gradient(100deg,rgba(10,234,223,0) 40%,rgba(134,172,173,.5) 50%,rgba(10,234,223,0) 60%) var(--loading-grey);background-size:200% 100%;background-position-x:180%;animation:loading 1s ease-in-out infinite}@keyframes loading{to{background-position-x:-20%}}.input-file input{opacity:0;position:absolute;width:100%;margin-left:-145px}.input-file svg{margin-right:10px;fill:var(--primary-color)}.input-file span{margin-left:10px}.selected-image img{float:right;margin-top:-28px}.buttons-tools-inline{display:flex;gap:40px}#qr-container div svg{padding-left:6px!important;margin-left:6px!important}.white{color:#fff}hr{width:90%;border:.5px solid var(--primary-color);margin:40px}table{width:100%;max-width:800px;border-collapse:collapse;margin-bottom:20px;background-color:#fff;border-radius:8px;overflow:hidden}thead{background-color:var(--primary-color);color:#fff}thead th{padding:12px;text-align:left;font-weight:600;font-size:14px}tbody tr:nth-child(2n){background-color:#33b8b630}tbody tr:hover{background-color:#33b8b673}tbody td{padding:12px;font-size:14px;color:var(--bg-primary-color)}table tr th{color:var(--bg-primary-color)!important;padding:10px}tbody ul{list-style-type:none;padding-left:0;margin:0}tbody li{padding:5px 0;font-size:14px;color:var(--bg-primary-color)}.hero-cinematic{--hero-parallax-x:0;--hero-parallax-y:0;min-height:100vh;width:100%;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 78% 42%,rgba(88,213,211,.14),transparent 28%),radial-gradient(circle at 18% 82%,rgba(51,184,182,.09),transparent 32%),linear-gradient(135deg,var(--dark-bg-primary-color) 0,var(--bg-primary-color) 48%,#041015 100%);color:#f5f5f5}.hero-cinematic:before{content:"";position:absolute;inset:-20%;background:linear-gradient(115deg,transparent 0 42%,rgba(88,213,211,.08) 48%,transparent 56%),radial-gradient(circle at 50% 50%,transparent 0 54%,rgba(88,213,211,.06) 55%,transparent 56%);transform:translate3d(calc(var(--hero-parallax-x) * -28px),calc(var(--hero-parallax-y) * -28px),0);transition:transform .18s ease-out;z-index:-3}.hero-cinematic:after{content:"";position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.025) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.018) 1px,transparent 0);background-size:72px 72px;mask-image:radial-gradient(circle at 62% 48%,#000,transparent 72%);opacity:.38;z-index:-2}.hero-noise{opacity:.16;background-image:radial-gradient(circle at 25% 35%,hsla(0,0%,100%,.08) 0 1px,transparent 1px);background-size:4px 4px;mix-blend-mode:soft-light;z-index:1}.hero-noise,.hero-particles{position:absolute;inset:0;pointer-events:none}.hero-particles{width:100%;height:100%;z-index:0}.hero-navbar{position:absolute;top:28px;left:clamp(22px,4vw,64px);right:clamp(22px,4vw,64px);display:flex;align-items:center;justify-content:space-between;z-index:8}.hero-logo{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(88,213,211,.22);background:rgba(3,10,12,.5);backdrop-filter:blur(12px);transition:border-color .28s ease,box-shadow .28s ease,transform .28s ease}.hero-logo:hover{border-color:rgba(88,213,211,.72);box-shadow:0 0 28px rgba(88,213,211,.22);transform:translateY(-2px)}.hero-menu-links{display:flex;align-items:center;gap:clamp(16px,2.2vw,34px);padding:12px 16px;border:1px solid hsla(0,0%,100%,.08);background:rgba(3,10,12,.42);backdrop-filter:blur(14px)}.hero-menu-link{position:relative;color:hsla(0,0%,100%,.72);font-family:poppins;font-size:12px;letter-spacing:0;text-decoration:none;transition:color .28s ease}.hero-menu-link:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;transform:scaleX(0);transform-origin:right;background:var(--primary-color);box-shadow:0 0 14px rgba(88,213,211,.8);transition:transform .28s ease}.hero-menu-link:hover{color:#fff}.hero-menu-link:hover:after{transform:scaleX(1);transform-origin:left}.hero-social-links{position:absolute;left:clamp(24px,4vw,64px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:14px;z-index:7}.hero-social-link{width:42px;height:42px;display:grid;place-items:center;border:1px solid hsla(0,0%,100%,.08);background:rgba(3,10,12,.42);backdrop-filter:blur(12px);opacity:.72;transition:opacity .28s ease,transform .28s ease,border-color .28s ease,box-shadow .28s ease}.hero-social-link:hover{opacity:1;transform:translateX(5px) scale(1.04);border-color:rgba(88,213,211,.65);box-shadow:0 0 26px rgba(88,213,211,.2)}.hero-depth-layer{position:absolute;border-radius:50%;pointer-events:none;z-index:1}.hero-depth-layer-one{width:48vw;aspect-ratio:1;right:-18vw;top:8vh;border:1px solid rgba(88,213,211,.08);transform:translate3d(calc(var(--hero-parallax-x) * -40px),calc(var(--hero-parallax-y) * -28px),0)}.hero-depth-layer-two{width:30vw;aspect-ratio:1;left:12vw;bottom:-18vw;background:radial-gradient(circle,rgba(88,213,211,.08),transparent 64%);filter:blur(12px);transform:translate3d(calc(var(--hero-parallax-x) * 26px),calc(var(--hero-parallax-y) * 22px),0)}.hero-content-grid{min-height:100vh;width:min(1180px,calc(100% - 112px));margin:0 auto;display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,.8fr);align-items:center;gap:clamp(28px,5vw,84px);position:relative;z-index:4}.hero-text-panel{padding-left:clamp(28px,5vw,86px);transform:translate3d(calc(var(--hero-parallax-x) * -10px),calc(var(--hero-parallax-y) * -8px),0);transition:transform .18s ease-out}.hero-eyebrow{width:fit-content;margin-bottom:18px;padding:8px 12px;border-left:2px solid var(--primary-color);background:rgba(88,213,211,.07);color:hsla(0,0%,100%,.7);font-size:12px;text-transform:uppercase}.hero-eyebrow,.hero-title{font-family:poppins;letter-spacing:0}.hero-title{display:flex;flex-direction:column;margin:0;color:#fff;font-size:clamp(58px,8vw,118px);font-weight:800;line-height:.9;text-shadow:0 0 42px rgba(88,213,211,.12)}.hero-title span:first-child{color:var(--primary-color)}.hero-subtitle{min-height:42px;margin-top:26px;display:flex;align-items:center;gap:10px;color:hsla(0,0%,100%,.76);font-family:poppins;font-size:clamp(18px,2vw,27px);letter-spacing:0}.hero-subtitle strong{color:#fff;font-weight:600;text-shadow:0 0 18px rgba(88,213,211,.28)}.hero-play-button{width:fit-content;min-width:168px;margin-top:38px;padding:15px 22px;display:inline-flex;align-items:center;justify-content:center;gap:14px;position:relative;overflow:hidden;border:1px solid rgba(88,213,211,.52);background:linear-gradient(90deg,rgba(88,213,211,.12),rgba(3,10,12,.58));color:#fff;font-family:poppins;font-size:13px;letter-spacing:0;text-decoration:none;box-shadow:0 0 0 rgba(88,213,211,0);animation:heroPlayPulse 2.8s ease-in-out infinite;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.hero-play-button:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(88,213,211,.24),transparent);transform:translateX(-120%);transition:transform .42s ease}.hero-play-button:hover{transform:translateY(-3px);border-color:rgba(88,213,211,.95);box-shadow:0 0 38px rgba(88,213,211,.22)}.hero-play-button:hover:before{transform:translateX(120%)}.hero-play-icon{width:22px;height:22px;border-radius:50%;border:1px solid rgba(88,213,211,.7);position:relative;flex:0 0 auto}.hero-play-icon:after{content:"";position:absolute;left:8px;top:5px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid var(--primary-color)}.hero-avatar-stage{width:min(42vw,560px);aspect-ratio:1;position:relative;display:grid;place-items:center;transform:translate3d(calc(var(--hero-parallax-x) * 18px),calc(var(--hero-parallax-y) * 18px),0);transition:transform .18s ease-out}.hero-avatar-aura{position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,rgba(88,213,211,.2),rgba(88,213,211,.06) 44%,transparent 70%);filter:blur(18px);animation:heroAuraBreath 4.8s ease-in-out infinite}.hero-avatar-ring{position:absolute;border-radius:50%;border:1px solid rgba(88,213,211,.24);box-shadow:inset 0 0 36px rgba(88,213,211,.05)}.hero-avatar-ring-one{width:92%;aspect-ratio:1;animation:heroOrbit 18s linear infinite}.hero-avatar-ring-two{width:78%;aspect-ratio:1;transform:rotateX(64deg) rotate(20deg);animation:heroOrbitReverse 22s linear infinite}.hero-avatar-ring-three{width:102%;aspect-ratio:1;border-color:hsla(0,0%,100%,.08);transform:rotateX(70deg) rotate(-34deg);animation:heroOrbit 28s linear infinite}.hero-avatar-frame{width:72%;aspect-ratio:1;border-radius:50%;overflow:hidden;position:relative;z-index:3;border:1px solid rgba(88,213,211,.58);background:rgba(3,10,12,.64);box-shadow:0 28px 100px rgba(0,0,0,.55),0 0 100px rgba(88,213,211,.2)}.hero-avatar-frame:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 18%,rgba(88,213,211,.3),transparent 30%);mix-blend-mode:screen;z-index:2;pointer-events:none}.hero-avatar-image{object-fit:cover;object-position:center;filter:saturate(1.08) contrast(1.04)}.hero-avatar-scanline{position:absolute;width:76%;height:1px;z-index:4;background:linear-gradient(90deg,transparent,rgba(88,213,211,.8),transparent);opacity:.55;animation:heroScan 4.5s ease-in-out infinite}@keyframes heroPlayPulse{0%,to{box-shadow:0 0 0 rgba(88,213,211,0)}50%{box-shadow:0 0 28px rgba(88,213,211,.16)}}@keyframes heroAuraBreath{0%,to{transform:scale(.96);opacity:.72}50%{transform:scale(1.08);opacity:1}}@keyframes heroOrbit{to{rotate:1turn}}@keyframes heroOrbitReverse{to{rotate:-1turn}}@keyframes heroScan{0%,to{transform:translateY(-150px);opacity:0}45%,55%{opacity:.75}to{transform:translateY(150px)}}@media (max-width:1025px){.hero-content-grid{width:min(100% - 48px,760px);grid-template-columns:1fr;align-content:center;justify-items:center;padding-top:92px;gap:20px}.hero-text-panel{order:2;padding-left:0;text-align:center}.hero-avatar-stage{order:1;width:min(62vw,390px)}.hero-eyebrow,.hero-play-button{margin-left:auto;margin-right:auto}.hero-title{align-items:center;font-size:clamp(48px,12vw,82px)}.hero-subtitle{justify-content:center;flex-wrap:wrap}.hero-social-links{top:auto;bottom:24px;left:50%;transform:translateX(-50%);flex-direction:row}}@media (max-width:640px){.hero-navbar{top:18px;left:18px;right:18px}.hero-menu-links{gap:12px;padding:10px}.hero-menu-link{font-size:11px}.hero-content-grid{width:min(100% - 30px,440px);padding-top:76px}.hero-avatar-stage{width:min(78vw,330px)}.hero-title{font-size:clamp(46px,15vw,68px)}.hero-subtitle{font-size:17px;min-height:58px}.hero-play-button{margin-top:24px}}.hero-menu-shell{display:flex;align-items:center;gap:12px}.hero-logo{border:none;background:transparent;backdrop-filter:none;box-shadow:none}.hero-logo img{transition:transform .38s ease,filter .38s ease,opacity .38s ease}.hero-logo:hover{border:none;background:transparent;box-shadow:none;transform:none}.hero-logo:hover img{opacity:1;transform:rotate(-45deg) scale(1.08);filter:drop-shadow(0 0 18px rgba(88,213,211,.45))}.hero-language-selector{display:flex;align-items:center;gap:7px;padding:9px 10px;border:1px solid hsla(0,0%,100%,.08);background:rgba(3,10,12,.42);backdrop-filter:blur(14px)}.hero-language-link{width:28px;height:28px;display:grid;place-items:center;opacity:.48;border:1px solid transparent;transition:opacity .25s ease,transform .25s ease,border-color .25s ease,box-shadow .25s ease}.hero-language-link-active,.hero-language-link:hover{opacity:1;transform:translateY(-2px);border-color:rgba(88,213,211,.44);box-shadow:0 0 18px rgba(88,213,211,.18)}@media (max-width:900px){.hero-menu-shell{gap:8px}.hero-menu-links{gap:10px;padding:10px}.hero-menu-link{font-size:11px}.hero-language-selector{padding:8px}}@media (max-width:640px){.hero-navbar{align-items:flex-start}.hero-menu-shell{flex-direction:column;align-items:flex-end}.hero-menu-links{max-width:min(72vw,330px);justify-content:flex-end;flex-wrap:wrap}.hero-language-link{width:26px;height:26px}}.hero-avatar-particle-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none}.hero-avatar-stage:hover .hero-avatar-aura{filter:blur(22px);opacity:1}.hero-avatar-frame .hero-avatar-image,.hero-avatar-frame img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center center!important}@media (max-width:640px){.hero-navbar{top:14px;left:16px;right:16px;align-items:flex-start;gap:14px}.hero-logo{width:42px;height:42px;flex:0 0 42px}.hero-logo img{width:38px;height:38px}.hero-menu-shell{flex:1;min-width:0;align-items:flex-end;gap:8px}.hero-menu-links{width:min(100%,268px);display:grid;grid-template-columns:repeat(3,max-content);justify-content:end;justify-items:end;gap:8px 12px;padding:12px 13px;border-radius:0;background:rgba(3,10,12,.66);border-color:rgba(88,213,211,.08);box-shadow:0 18px 50px rgba(0,0,0,.28)}.hero-menu-link{font-size:10.5px;line-height:1.1;color:hsla(0,0%,100%,.82);white-space:nowrap}.hero-menu-link:nth-child(4){grid-column:2}.hero-menu-link:nth-child(5){grid-column:3}.hero-menu-link:after{bottom:-4px}.hero-language-selector{width:fit-content;gap:8px;padding:7px 9px;border-radius:0;background:rgba(3,10,12,.58);border-color:rgba(88,213,211,.1)}.hero-language-link{width:24px;height:24px}.hero-language-link img{width:20px;height:20px}}@media (max-width:380px){.hero-navbar{left:12px;right:12px;gap:10px}.hero-menu-links{width:min(100%,238px);gap:8px 9px;padding:11px 10px}.hero-menu-link{font-size:9.8px}}@media (max-width:640px){.hero-cinematic{min-height:100svh}.hero-content-grid{min-height:100svh;width:min(100% - 28px,430px);padding-top:122px;padding-bottom:108px;gap:14px;align-content:center}.hero-avatar-stage{width:min(70vw,280px)}.hero-eyebrow{margin-bottom:12px;padding:7px 10px;font-size:10.5px}.hero-title{font-size:clamp(44px,14vw,64px)}.hero-subtitle{min-height:34px;margin-top:20px;font-size:16px}.hero-social-links{left:50%;right:auto;bottom:58px;top:auto;transform:translateX(-50%);flex-direction:row;gap:10px;z-index:9}.hero-social-link{width:36px;height:36px;background:rgba(3,10,12,.64)}.hero-play-button{min-width:164px;margin-top:56px;padding:13px 20px}}@media (max-width:380px){.hero-content-grid{width:min(100% - 22px,360px);padding-top:118px;padding-bottom:104px;gap:10px}.hero-avatar-stage{width:min(66vw,244px)}.hero-title{font-size:clamp(40px,13vw,56px)}.hero-subtitle{margin-top:16px;font-size:15px}.hero-play-button{margin-top:50px}.hero-social-links{bottom:56px}.hero-social-link{width:34px;height:34px}}@media (max-height:720px) and (max-width:640px){.hero-content-grid{padding-top:112px;padding-bottom:96px;gap:8px}.hero-avatar-stage{width:min(58vw,230px)}.hero-eyebrow{margin-bottom:8px}.hero-title{font-size:clamp(38px,12vw,54px)}.hero-subtitle{min-height:28px;margin-top:14px;font-size:14.5px}.hero-play-button{margin-top:46px;padding:12px 18px}.hero-social-links{bottom:52px}}