html{font-size:62.5%}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#04262e}:root{--PrimaryFontColor:#c4c3c3;--bgColor:#0d2730}.homePage{display:flex;flex-direction:column;min-height:100vh}.bgDark{background-color:var(--bgColor)}.colorWhite{color:var(--PrimaryFontColor);a,div li a{color:var(--PrimaryFontColor)}}.fontSize span{font-size:2.5rem}.none{display:none}.colorSVG{fill:var(--PrimaryFontColor)}.myBtn{padding:1.5rem 2rem;font-size:1.75rem;font-weight:700;place-self:center;a{text-decoration:none;color:#eeecec}}.textCenter{text-align:center}.zIndex1{z-index:1}.cursorNone{cursor:text}.active{color:#1e90ff!important}.navbar{box-shadow:none;position:fixed;width:100%;z-index:5}.borderNone,.borderNone:hover{border:none}.borderNone:hover a{transition:.2s;border:none;color:#1e90ff}.footer{box-shadow:none;margin-top:auto;color:var(--PrimaryFontColor)}.footerLinks{width:100%;padding:2rem;display:flex;justify-content:center;align-items:center}.footerFlex{place-items:center;h2{display:flex;padding:1rem;span{gap:.4rem;a{color:var(--PrimaryFontColor)}a:hover{color:#fff}}}div{margin-top:2rem;display:flex;flex-direction:row;gap:2.5rem}}.socialIcon{fill:var(--PrimaryFontColor)}.socialIcons:hover .socialIcon{fill:#fff}@media (width<440px){.footerFlex h2 span{display:flex;flex-direction:column;justify-content:center;align-items:center}}.version{display:flex;justify-content:center;align-items:center;padding-top:14rem;z-index:999}.colorWhite{h1{background:linear-gradient(90deg,#e46920,#ba3e47,#782f69,#44408d,#1c2d69);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:5rem;place-self:center;text-align:center}div{span{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem}span span:nth-child(1){font-size:3.1rem;text-align:center;font-weight:600}span span:nth-child(2){font-size:2rem;text-align:center;font-weight:400;max-width:75%}}}.heroSpacing{padding-top:3rem}.buttons{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:5rem;padding:0 5rem;.myBtn{code{display:flex;justify-content:center;align-items:center;font-family:Cascadia Code,sans-serif;span{margin-left:1rem}}}}.deviceRes{margin-top:10rem;padding:10rem;display:flex;flex-direction:column;justify-content:center;align-items:center;.deviceImg{display:flex;gap:3rem}}.deviceSVG{fill:var(--PrimaryFontColor)}.myHero{padding:0}.myHeroHeading{color:var(--PrimaryFontColor)}.features{display:flex;flex-wrap:wrap;justify-content:center;flex-direction:column;align-items:center;gap:5rem;margin:5rem 0;h2{color:#c4c3c3;font-size:5rem}}.featuresCard{width:100%;display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:3rem}.cardStyle{padding-left:2rem;gap:0;height:11rem;display:flex;flex-direction:row;justify-content:center;align-items:center;figure{img{height:3rem}}}.cardCss div{color:var(--PrimaryFontColor);h1{font-size:2rem}p{color:#aba7a7;margin-top:.8rem}}.builtWithHartan{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5rem;margin:15rem 0;h1{color:var(--PrimaryFontColor);font-size:2rem}.cardsContainer{width:100%;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-evenly;gap:3rem;a{text-decoration:none}}.contentPara{div div{display:none}}}@media (width<1024px){.deviceImg{padding-bottom:5rem}}@media (width<768px){html{font-size:59%}.heroSpacing{padding:7rem 3rem}.spacing{padding:3rem 4rem 5rem}.deviceRes{padding:3rem}}@media (width<555px){html{font-size:50%}}@media (width<471px){html{font-size:46%}.colorWhite h1{font-size:4rem}}.userButtonStyle a{color:#fff;text-decoration:none}.preview{padding-top:8rem;display:flex;min-height:100vh}.sidebarHeight{height:100vh;margin-top:-1rem;position:static;width:fit-content;background-color:var(--bgColor);border-radius:0}.aside{display:flex;flex-direction:column;align-items:start;gap:5rem;color:var(--PrimaryFontColor);width:100%;padding:4rem 0;margin-left:7rem}.aside hr{width:95%}.aside h1{place-self:center;font-size:3rem}.isActive{color:#fff!important;font-weight:700;img{transform:scale(1.75)}}.navBtnStyle{color:#767474;span{justify-content:start;a{width:18rem}}img{height:1.24rem;transition:.25s}}.previewSidemenu{position:relative;height:fit-content;input[type=checkbox]{display:block;position:absolute;right:1rem;top:3.4rem;z-index:20}}.disable{label{display:none}}.colorBlack{color:#000}.giant{padding:1rem 3rem;font-size:2.5rem}.fullWidth{width:100%}.snippetStyle{cursor:auto;pre code{span:nth-child(2){display:none}}div p{font-family:Cascadia Code,sans-serif}}.codeStyle div p{margin-bottom:1rem}.importCode{margin-top:2rem;display:flex;flex-direction:column;justify-content:start;align-items:start;gap:5rem;h2{width:75%}}@media (width<1024px){.preview{padding-top:8rem .5rem}}@media (width<768px){.snippetStyle{width:40rem;pre code{span:nth-child(1){text-wrap:wrap}}}.importCode{margin-left:0}}@media (width<400px){.snippetStyle{width:34rem;padding:1rem;pre code{span:nth-child(1){text-wrap:wrap}}}}@media (width<555px){.carouselStyle{width:24rem;height:12rem}.aside{margin-left:1rem}}.blog{display:flex;flex-direction:column;min-height:100vh;padding-top:12rem;h1{place-self:center;span:nth-child(1){color:var(--PrimaryFontColor);font-size:3.1rem}span:nth-child(2){background:linear-gradient(90deg,#e46920,#ba3e47,#782f69,#44408d,#1c2d69);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:3.5rem}span:nth-child(3){color:var(--PrimaryFontColor)}}h2 span{margin-top:2rem;color:var(--PrimaryFontColor);font-weight:400;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.7rem}}.blogCards{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:7rem;margin-top:7rem}.blogCard{width:50rem;color:var(--PrimaryFontColor);align-items:start}.blogData{display:flex;flex-direction:column;align-items:center;min-height:100vh;color:var(--PrimaryFontColor);padding:15rem 0;figure{border-radius:1rem;display:flex;justify-content:center;align-content:center;height:25rem;width:50rem;overflow:hidden;img{width:100%;height:100%}}main{display:flex;flex-direction:column;justify-content:center;align-items:start;margin-top:10rem;gap:5rem;width:60%;div{display:flex;flex-direction:column;gap:2rem;p{font-size:1.3rem}h1{font-size:4rem}}article{font-size:1.4rem;display:flex;flex-direction:column;gap:3rem;p{line-height:2.9rem;font-weight:500}}a{color:var(--PrimaryFontColor);font-size:1.2rem;display:flex;align-items:center;gap:.5rem}}}@media (width<768px){.blogData{main{width:80%}}}@media (width<480px){.blogData{figure{width:40rem;height:20rem}}}@media (width<400px){.blogCard{width:40rem}}.contact{display:flex;flex-direction:column;min-height:100vh;align-items:center;padding-top:14rem}.FormDark{background-color:var(--bgColor)}.textWhite{color:#fff}.inputField{input,textarea{color:#fff;font-weight:500}label{background-color:var(--bgColor)!important}}.submited{background-color:#201f1f}