@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;--cursor-color:#fff;--cursor-color-circle:#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}.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}.cursor{transition:scale .5s ease}.cursor,.cursor-small{height:50px;width:50px;display:block;border-radius:50%;border:1px solid #f5f5f5;background:transparent;pointer-events:none;position:fixed;top:-25px;left:-25px;z-index:10;opacity:.6}.cursor-small{transition:scale .4s ease}#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%}.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}.cursor{display:none}.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;box-shadow:50px -20px 90px 70px #58d5d354,0 0 0 0 #58d5d354!important}#header{display:flex!important}.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}.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}.cursor{display:none}.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;box-shadow:50px -20px 90px 70px #58d5d354,0 0 0 1px #58d5d354}.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)}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/6d93bde91c0c2823-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/a34f9d1faa5f3315-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_d65c78;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_d65c78{font-family:__Inter_d65c78,__Inter_Fallback_d65c78;font-style:normal}