@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap";@font-face{font-family:icomoon;src:url(/assets/icomoon-D3brDlnc.eot?29bbub);src:url(/assets/icomoon-D3brDlnc.eot?29bbub#iefix) format("embedded-opentype"),url(/assets/icomoon-9SZHDKr9.ttf?29bbub) format("truetype"),url(/assets/icomoon-B_7R-VUR.woff?29bbub) format("woff"),url(/assets/icomoon-DmeymNdg.svg?29bbub#icomoon) format("svg");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=" icon-"]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-menu:before{content:""}.icon-verified:before{content:""}.icon-link:before{content:""}.icon-sun:before{content:""}.icon-close:before{content:""}.icon-remove:before{content:""}.icon-times:before{content:""}.icon-download:before{content:""}.icon-chevron-up:before{content:""}.icon-linkedin-square:before{content:""}.icon-github:before{content:""}.icon-briefcase:before{content:""}.icon-envelope:before{content:""}.icon-instagram:before{content:""}.icon-long-arrow-right:before{content:""}.icon-moon-o:before{content:""}.icon-x:before{content:""}header.flex{justify-content:space-between;padding:0 2.4rem;margin-top:1.2rem}header.flex nav{background-color:var(--bg--Header);padding:.77rem 1.6rem;border-radius:55px;box-shadow:1px 1px 40px var(--shadow--color)}header ul.flex{gap:16px}header ul li a{color:var(--title--color);opacity:.9;font-size:.88rem;font-weight:500}header ul li a:hover{color:var(--blue--color);opacity:1;font-size:.9rem}header button{font-size:1.2rem}header.flex .menu{display:none}header .fixed{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#282830d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000}@keyframes move{0%{scale:0}60%{scale:1.2}to{scale:1}}header .fixed ul.popup-model{width:80%;margin-left:auto;margin-right:auto;margin-top:2rem;border-radius:1rem;padding:1rem 2rem;background-color:var(--secondary--color);animation:move 1s 1}header .fixed ul.popup-model li:not(:last-child){border-bottom:2px solid var(--border--color);padding-bottom:.77rem;padding-top:.5rem}header .fixed ul.popup-model li{padding-bottom:.77rem;padding-top:.5rem}header .fixed ul.popup-model li:first-child{border:none;text-align:right;padding-bottom:0;padding-top:.2rem;margin-bottom:-1rem}header .fixed ul.popup-model li a{font-size:1rem;transition:1s}header button.mode,header .icon-menu{background-color:var(--bg--Header);height:2.4rem;width:2.4rem;justify-content:center;text-align:center;border-radius:50%;color:var(--subtitle--color);border:1px solid rgba(244,165,96,.249);transition:.2s}header button.mode:hover,header .icon-menu:hover{color:var(--title--color);border:1px solid rgb(244,165,96)}header .icon-remove{font-size:1.5rem;color:var(--subtitle--color);transition:.8s}header .icon-remove:hover{color:#dc143c;font-size:1.8rem;transform:rotate(180deg)}header .icon-sun{color:orange}@media (max-width: 700px){header.flex nav{display:none;z-index:1000}header.flex .menu{display:block}}section.hero{margin-top:3rem}section.hero div.parent-logo.flex{align-items:end;gap:.6rem}section.hero div.hero-left{flex-grow:1}section.hero div.hero-left .logo{width:88px;border:1px solid darkorange;border-radius:50%;padding:1px;box-shadow:1px 1px 40px #fff inset}section.hero div.hero-left .icon-verified{color:var(--blue--color);font-size:1.2rem;margin-bottom:.4rem}section.hero div.hero-left h1.title{font-size:2.85rem;line-height:3.3rem;margin:24px 0;color:var(--title--color)}section.hero div.hero-left p.subtitle{color:var(--subtitle--color);font-size:.9rem;line-height:1.65rem;margin-bottom:32px}section.hero div.hero-left div.icons-area{gap:1.5rem;font-size:1.3rem;color:var(--subtitle--color)}section.hero div.hero-left div.icons-area .icon:hover{font-size:1.5rem;transition:.3s;cursor:pointer;color:var(--iconhover--color)}section.hero .hero-right .developer-animation{width:400px;translate:20px 20px;z-index:-1}section.hero .hero-right .animation{z-index:1}@media (max-width: 1200px){section.hero{flex-direction:column}section.hero .hero-right.animation{display:none}}main.flex{gap:2.6rem;align-items:start}main.flex section.left-section{flex-direction:column;gap:20px}main.flex section.left-section button{background-color:#24252e;width:11rem;padding:.7rem 0;text-align:center;font-size:1.05rem;opacity:.5;transition:.3s;border-radius:10px}main.flex section.left-section button.active{opacity:1;font-weight:700;letter-spacing:.6px;padding:.8rem 0;border:1px solid var(--blue--color)}main.flex section.left-section button:hover{opacity:1}.light main.flex section.left-section button.active{border:1px solid black}main.flex section.right-section{flex-grow:1;flex-wrap:wrap;column-gap:16px;row-gap:2rem;justify-content:center}main.flex section.right-section .card{border:2px solid rgba(93,188,252,.3);transition:.5s;border-radius:5px;background-image:linear-gradient(#ffffff0d,#ffffff0d)}.light main.flex section.right-section .card,.light main.flex section.right-section .card:hover{border:none;box-shadow:-1px 1px 1px #0002,1px -1px 1px #0002}main.flex section.right-section .card:hover{border:2px solid var(--blue--color);rotate:1deg;scale:1.1}main.flex section.right-section article.card img{border-radius:5px}.card .box{padding:1rem .4rem;width:283px}.card .box h1.land1-title{color:var(--title--color)}.card .box p.land1-subtitle{color:var(--subtitle--color);font-size:.75rem;letter-spacing:.03rem;margin-top:.7rem;margin-bottom:1.2rem}.card .box p.land1-subtitle span{display:block;margin-top:8px;font-size:10px;color:var(--title--color)}.light .card .box p.land1-subtitle span{color:var(--title--color)}.card .box div.land1-icons{justify-content:space-between}.card .box div.land1-icons div.land1-icons-first{gap:15px;font-size:1.5rem}.card .box div.land1-icons div.land1-icons-first .icon-link,.card .box div.land1-icons div.land1-icons-first .icon-github{color:var(--subtitle--color);transition:.3s}.card .box div.land1-icons div.land1-icons-first .icon-link:hover,.card .box div.land1-icons div.land1-icons-first .icon-github:hover{font-size:1.8rem;color:var(--iconhover--color);cursor:pointer}.card .box div.land1-icons a.more-icon{font-size:1.2rem;color:var(--blue--color);transition:.8s;gap:7px}.card .box div.land1-icons a.more-icon:hover{cursor:pointer;font-size:1.5rem}@media (max-width: 600px){main.flex{flex-direction:column;gap:2.6rem;align-items:center}main.flex section.left-section{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:20px}}section.contact-us .icon-envelope{color:var(--subtitle--color);margin-right:1rem;font-size:1.8rem}section.contact-us .title{font-size:2.1rem;color:var(--title--color);margin-bottom:1rem}section.contact-us .subtitle{color:var(--subtitle--color);margin-bottom:2rem;line-height:1.65rem}section.contact-us form label{color:var(--subtitle--color)}section.contact-us form #email,section.contact-us form #message{all:unset;background-color:#3f3f4626;border:1px solid rgb(63,63,70);width:16.2rem;padding:.5rem 1rem;margin-left:1rem;border-radius:5px;transition:.3s;font-size:1.1rem}section.contact-us form #email:focus,section.contact-us form #message:focus,section.contact-us form #email:hover,section.contact-us form #message:hover{border:1px solid rgb(45,212,191)}.light section.contact-us form #email:focus,.light section.contact-us form #message:focus,.light section.contact-us form #email:hover,.light section.contact-us form #message:hover{border:1px solid rgb(78,80,80)}section.contact-us form #message{width:16.2rem;min-height:9rem;margin-left:1.3rem;resize:vertical}section.contact-us form .submit{background-color:#24252e;padding:.7rem 2rem;text-align:center;font-size:1.05rem;border-radius:10px;transition:.3s;margin-top:1.8rem;border:1px solid rgb(63,63,70)}section.contact-us form .submit:hover{border:1px solid var(--blue--color);scale:.97}section.contact-us form .submit:disabled{opacity:.4;cursor:not-allowed}section.contact-us form p.submit-message{margin-top:20px;color:var(--subtitle--color);font-size:18px}.light section.contact-us form p.submit-message{color:var(--subtitle--color)}.light section.contact-us form #email,.light section.contact-us form #message{background-color:#ffffff2a;color:#232324;box-shadow:1px 1px 1px #49494b1b;border:1px solid rgba(128,128,128,.451)}section.contact-us .done-animation{height:45px}section.contact-us .contact-form{margin-top:-80px}section.contact-us .contact-animation{height:550px}@media (max-width: 600px){section.contact-us form{display:flex;flex-direction:column;width:85%}section.contact-us form div.flex{flex-direction:column;align-items:start}section.contact-us .animation{display:none}section.contact-us form #email,section.contact-us form #message{width:100%;margin-left:0;padding:.7rem 0;margin-top:1rem}section.contact-us form .submit{width:30%;align-self:center}}@media (max-width: 1100px){section.contact-us .contact-animation{display:none}section.contact-us .contact-form{margin-top:80px}}footer.flex{justify-content:space-between;padding-bottom:1.9rem}footer.flex ul.flex{gap:40px}footer.flex ul.flex a{color:var(--subtitle--color);font-size:.9rem}footer.flex ul.flex a:hover{color:var(--blue--color);font-size:1rem;font-weight:500}footer.flex p{color:#71717a}@media (max-width: 1100px){footer.flex{flex-direction:column;gap:2rem}}:root{--primary--color: #000;--secondary--color: rgb(24, 24 ,27);--border--color: rgba(63, 63, 70 ,.4);--light--color: #FFF;--title--color: rgb(244,244,245);--subtitle--color: rgb(161, 161, 170);--bg--Header: rgb(39, 39, 42);--blue--color: rgb(93, 188, 252);--iconhover--color: #D4D4D8;--shadow--color: rgba(22, 22, 22, .712)}html{font-family:Roboto,"sans-serif";letter-spacing:.1px;box-sizing:border-box;scroll-behavior:smooth}*,*:before,*:after{box-sizing:inherit}*{margin:0;padding:0}.light{--primary--color: rgb(250, 250, 250);--secondary--color: rgb(255 , 255 ,255);--border--color: rgba(202, 202, 202, .518);--title--color: rgb(39 39 42);--subtitle--color: rgb(82 82 91);--bg--Header: rgb(253, 253, 253);--blue--color: rgb(0, 149, 246);--shadow--color: rgba(122, 118, 118, .712);--iconhover--color: #333}body{background-color:var(--primary--color);color:#fff}.container{border:2px solid var(--border--color);width:80%;margin-left:auto;margin-right:auto;background-color:var(--secondary--color);padding:0 3rem}.divider{border-bottom:2px solid var(--border--color);width:calc(100% + 3.4rem);margin:3rem 0 3rem -1.7rem}.flex{display:flex;align-items:center}li{list-style-type:none}a{color:var(--light--color);text-decoration:none;transition:.2s}.border{border:2px solid red}button{all:unset}button:hover{cursor:pointer}button:active{scale:.9}button.scroll-to-top{background-color:#1976d280;width:2.6rem;height:2.6rem;border-radius:50%;text-align:center;position:fixed;bottom:2rem;right:3rem;border:2px solid rgba(255,255,255,.2)}button.scroll-to-top:hover{background-color:#1976d2}@media (max-width: 1000px){.container{width:90%;padding:0 1.7rem}button.scroll-to-top{right:0}}@media (max-width: 600px){.container{width:98%;padding:0 1.7rem}button.scroll-to-top{right:1rem}}::-webkit-scrollbar{width:15px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 20px rgba(60,57,57,.5);-webkit-border-radius:10px;border-radius:20px}::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background:#3d1d2e;-webkit-box-shadow:inset 0 0 6px rgba(72,63,63,.5)}::-webkit-scrollbar-thumb:window-inactive{background:#f006}::-webkit-scrollbar-thumb:hover{background:#d2689f66}