:root{--max-width:1100px;--border-radius:12px;--font-mono:ui-monospace,Menlo,Monaco,"Cascadia Mono","Segoe UI Mono","Roboto Mono","Oxygen Mono","Ubuntu Monospace","Source Code Pro","Fira Mono","Droid Sans Mono","Courier New",monospace;--foreground-rgb:0,0,0;--background-start-rgb:214,219,220;--background-end-rgb:255,255,255;--tile-start-rgb:239,245,249;--tile-end-rgb:228,232,233;--tile-border:conic-gradient(#00000080,#00000040,#00000030,#00000020,#00000010,#00000010,#00000080);--callout-rgb:238,240,241;--callout-border-rgb:172,175,176;--card-rgb:180,185,188;--card-border-rgb:131,134,135}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:Inter,sans-serif;font-weight:300;transition:.3s ease;scroll-behavior:smooth}h1,h2,h3,h4,h5{font-family:Pixelify Sans,sans-serif;font-weight:700;transition:.3s ease}body{background:#fff}a,button{color:inherit;text-decoration:none;font-family:Pixelify Sans,sans-serif}a,button,p,span{transition:.3s ease}button{padding:0;margin:0;border:none;background:none;cursor:pointer;font-size:1rem}.container,main{display:block}.container{max-width:1800px;width:95%;margin:0 auto}.panel{height:100vh;padding:120px 0}header{background:#fff;position:fixed;width:100%;top:0;transition:.3s ease;z-index:2;z-index:9}.scrollStyle{box-shadow:0 0 15px 5px rgba(0,0,0,.15)}.staticStyle{box-shadow:0 0 15px 5px transparent}header h1{transition:.3s ease;font-weight:300}.staticStyle h1{font-size:1rem;font-weight:500}.headerContainer{display:flex;justify-content:space-between;padding:20px 0}.navContainer{display:flex;flex-direction:column;justify-content:center}nav ul{list-style:none;display:flex;gap:40px}.socialMediaIcons{display:flex;gap:10px}.tagline{font-weight:300;font-size:1rem;margin-left:20px;color:#444}.tagline:before{content:"|";margin-right:20px;color:#444}.menuTrigger{display:flex;flex-direction:column;gap:7px;background:transparent;border:none;cursor:pointer;z-index:9999}.menuTrigger span{background:#000;height:3px;width:30px;transition:.3s ease}.menuOpen .menuTrigger span:first-child{transform:rotate(-45deg)}.menuOpen .menuTrigger span:nth-child(2){transform:rotate(45deg);translate:0 -9px}.menuOpen .menuTrigger span:nth-child(3){opacity:0}.sideMenu{position:absolute;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);top:0;right:-100%;bottom:0;width:100%;max-width:300px;height:100vh;display:flex;justify-content:flex-end;transition:.3s ease;opacity:0}.menuOpen .sideMenu{right:0;max-width:100vw;opacity:1}.sideMenuPanel{background:#fff;max-width:300px;width:100%;height:100vh;right:0;padding:40px;justify-content:space-between;box-shadow:0 0 15px 0 rgba(0,0,0,.5)}.sideMenuPanel,.sideMenuPanel ul{display:flex;flex-direction:column}.sideMenuPanel ul{margin-top:100px}footer{background:#000;color:#fff;display:flex;height:350px;padding:50px 0 0;position:relative;margin-top:250px;flex-direction:column;justify-content:flex-end}footer .copyright{background:#111;padding:20px 0;text-align:center}footer:before{content:"";height:200px;width:200vw;position:absolute;background:#000;Z-index:-1;top:-100px;rotate:-5deg;left:-50vw}@media (min-width:767px){.desktopHidden{display:none}}@media (max-width:767px){.mobileHidden{display:none}}#nprogress{position:fixed;top:0;left:0;z-index:8;width:100%;height:100%;background:#fff;transition:.3s ease}#nprogress .spinner{top:calc(50% - 30px)!important;right:calc(50% - 30px)!important}#nprogress .spinner-icon{width:60px!important;height:60px!important;border-color:#000 transparent transparent #000!important;border-style:solid!important;border-width:5px!important}.darkMode body{background:#000}.darkMode header{background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.darkMode>*{color:#fff}.darkMode .tagline{color:#fff;opacity:.7}.darkMode .blogPanel{background:#000}.createPost{margin-top:120px;max-width:1100px}.postEditor{display:flex;gap:10px;margin:40px 0}.tiptapMenu{display:flex;flex-direction:column;gap:6px}.tiptapMenu button{font-size:1rem;background:transparent;padding:5px;border-radius:5px}.tiptapMenu .is-active{background:#000;color:#fff}.tiptap,.tiptapEditor{width:100%}.tiptap{min-height:300px;height:100%;border:3px solid #000;border-radius:8px;padding:20px;flex-shrink:0}.tiptap p{margin-bottom:10px}.postArticle{background:#000;font-size:1rem;max-width:400px;width:100%;margin:0 auto}.postArticle,.validationError{color:#fff;padding:10px;display:block}.validationError{background:#e46b6b;text-align:center;border-radius:8px;font-weight:500}.postTop{background:#f1f1f1;padding:50px;border-radius:8px;box-shadow:0 0 15px 0 rgba(0,0,0,.25);display:flex;gap:50px;justify-content:center}.postTopContent{display:flex;flex-direction:column;gap:25px;max-width:500px;width:100%}.featuredImage{width:500px;height:300px;border-radius:5px;border:3px solid #444;flex-shrink:0;position:relative;background:#fff;overflow:hidden}.featuredImage span{position:absolute;width:100%;text-align:center;background:rgba(0,0,0,.8);color:#fff;top:0;padding:2px;font-size:.8rem}.uploadFeaturedImage{font-weight:500;border:none;border-radius:5px;color:#fff;background:#000}.titleInput,.uploadFeaturedImage{padding:10px;font-size:1rem}.postTopContent label{display:flex}.postTopContent label select{width:100%;font-size:1rem;padding:0 10px}.preLoader{position:absolute;top:0;left:0;right:0;bottom:0;z-index:9;background:#fff;overflow:hidden}.preLoader,.preLoaderElements{display:flex;flex-direction:column;justify-content:center}.preLoaderElements{max-width:500px;width:100%;margin:0 auto;gap:30px}.typeBox{border-radius:8px;border:3px solid #ccc;padding:10px 20px;display:flex;justify-content:space-between}.typeElement{display:flex;gap:5px}@keyframes flash{0%{opacity:1}50%{opacity:0}to{opacity:1}}.textCursor{background:#000;width:3px;height:40px;animation:flash 1s infinite}.typeBox button{border:3px solid #75d0ee;padding:0 20px;background:transparent;color:#75d0ee;font-weight:700;border-radius:5px;cursor:pointer;opacity:0;transition:.3s ease}.typeBox span{font-family:Pixelify Sans,sans-serif;font-size:2rem}.introPanel{padding-top:250px;height:1500px;position:relative}.introContent{position:fixed;left:0;right:0;z-index:0;display:flex;flex-direction:column;gap:20px;transition:1s ease}.introHead{font-size:3rem;font-weight:300;font-family:inter,sans-serif;margin-bottom:50px;text-align:center}@keyframes arrowAnim{0%{transform:translateY(-60px);opacity:.3}50%{transform:translateY(-40px);opacity:.8}to{transform:translateY(-60px);opacity:.3}}.scrollDownButton{margin:0 auto;display:block;font-size:5rem;height:75px;padding:20px;position:relative;border-radius:50%;display:flex;flex-direction:column;justify-content:center;transform:translateY(-60px);z-index:1;cursor:pointer;animation-name:arrowAnim;animation-duration:3s;animation-iteration-count:infinite}.scrollDownButton svg{opacity:.7}.introContent span{text-align:center}.introHead span{font-size:15rem;display:block;margin:20px;font-weight:700}.portfolioPanel{z-index:2;position:relative;height:-moz-fit-content;height:fit-content;padding:0}.portfolioItems{display:flex;flex-direction:column}.portfolioAdminOptions,.portfolioItems{position:relative}.portfolioAdminOptions .createNewItemToggle{position:absolute;top:50px;right:50px;background:hsla(0,0%,100%,.5);cursor:pointer;font-size:3rem;border:2px solid #000;height:50px;width:50px;display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;border-radius:10px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2}.portfolioAdminOptions button span{height:48px}.portfolioEditor,.portfolioItem{display:flex;width:100%}.portfolioItem:nth-child(2n){flex-direction:row-reverse}.uploadPortfolioImage{z-index:2;background:rgba(0,0,0,.5);border:2px solid #fff;flex-direction:column;text-align:center;border-radius:10px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;font-size:1.1rem;padding:10px 20px;color:#fff}.portfolioImg,.uploadPortfolioImage{position:relative;display:flex;justify-content:center;align-items:center}.portfolioImg{width:100%;min-height:600px;overflow:hidden}.portfolioContent{width:50%;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:80px;color:#fff;background:linear-gradient(77deg,#000,#3c3c3c)}.portfolioContent h2{font-size:2rem;color:#fff;font-family:Inter,sans-serif}.portfolioContent form{display:flex;flex-direction:column;gap:20px}.portfolioContent form button{padding:10px;border-radius:10px;border:2px solid #fff;background:transparent;color:#fff;font-size:1.2rem;max-width:400px;transition:.3s ease}.portfolioContent form button:hover{background:#fff;color:#000}.portfolioContent input,.portfolioContent textarea{padding:10px;border-radius:10px;border:2px solid #fff;background:transparent;color:#fff;font-size:1rem;font-family:Inter,sans-serif}.portfolioLinks{display:flex;gap:20px;font-size:1.2rem}.blogPanel{position:relative;transition:.3s ease;display:flex;justify-content:flex-end;height:-moz-fit-content;height:fit-content;padding:0}.blogTitle{transform:rotate(-90deg) translateY(-50%);font-size:17rem;transform-origin:bottom center;margin:0;z-index:0;position:absolute;text-transform:uppercase;top:7%;left:58px;font-family:Inter;color:#fff}.articlePreview{position:relative;width:100%;display:flex;justify-content:center;align-items:center;height:auto}.gradientOverlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,#000,rgba(60,60,60,0));display:flex;flex-direction:column;justify-content:flex-end;color:#fff;padding:40px 20px 40px 250px}.articlePreview h3{font-size:2rem;font-family:var(--secondary-font)}.articlePreview p{font-size:1.2rem;height:50px}.readMore{color:#fff;display:flex;align-items:center;gap:10px;font-size:1.2rem;margin-top:20px;cursor:pointer}.previewSelect{background:linear-gradient(77deg,#000,#3c3c3c);max-width:300px}.postPreviewSelect,.previewSelect{color:#fff;display:flex;flex-direction:column}.postPreviewSelect{justify-content:space-between;padding:30px 20px;border-bottom:2px solid #fff;cursor:pointer;text-align:left;font-family:var(--secondary-font);font-size:1rem;position:relative}.postPreviewSelect:before{content:"";position:absolute;width:0;height:100%;top:0;left:0;background:linear-gradient(70deg,#fff,#c8c8c8);z-index:0;transition:.3s ease}.postPreviewSelect.active:before,.postPreviewSelect:hover:before{width:100%}.postPreviewSelect h4{font-family:var(--secondary-font);font-size:1.2rem;margin-bottom:10px;z-index:1;mix-blend-mode:difference}.postPreviewSelect .postMeta{font-size:.8rem;padding:2px 5px;background:#fff;color:#000;border-radius:5px;margin-bottom:5px;z-index:1}.postPreview{z-index:1;mix-blend-mode:difference}.postPreviewSelect:last-child{border-bottom:none}.postPreview{height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.contactPanel{background:#fff;position:relative;height:-moz-fit-content;height:fit-content;padding-top:80px}.contactPanel .container{display:flex;max-width:1000px;gap:40px}.contactPanelLeft,.contactPanelRight{width:100%}.contactPanelLeft{display:flex;flex-direction:column;justify-content:center;gap:40px;font-family:Inter,sans-serif}.contactPanelLeft h1{font-size:3rem;font-family:Inter,sans-serif}.contactPanelRight Form{display:flex;flex-direction:column;gap:20px;padding:40px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:25px;max-width:500px}.contactPanelRight Form input,.contactPanelRight Form textarea{padding:10px;border-radius:10px;border:2px solid #000;background:transparent;color:#000;font-size:1rem;font-family:Inter,sans-serif}.formGroup{display:flex;flex-direction:column;gap:10px}.contactPanelRight Form button{padding:10px;border-radius:10px;border:2px solid #000;background:transparent;color:#000;font-size:1rem;cursor:pointer;font-size:1.5rem}.contactPanelRight Form button:hover{background:#000;color:#fff}.contactPanelRight .error{background:#ffb6c1}.contactPanelRight .error,.contactPanelRight .success{color:#000;font-size:1.2rem;text-align:center;height:30px;display:flex;align-items:center;justify-content:center;border-radius:10px}.contactPanelRight .success{background:#90ee90}.postHeader{position:relative;width:100%;height:700px;display:flex;justify-content:center;align-items:center;overflow:hidden}.postHeader .gradientOverlay{padding:40px 0}.singlePost .container{max-width:1000px}.postHeader h1{font-size:3rem;font-family:Inter,sans-serif}.postMeta{display:flex;gap:10px;font-size:1.2rem}.postContent p{font-size:1.2rem;line-height:1.3;margin-bottom:20px}.postContent ol,.postContent ul{margin-left:40px;margin-bottom:20px}.postContent h2{font-size:2rem;margin-bottom:10px;margin-top:50px;font-family:var(--secondary-font)}.postContent pre{background:#222;padding:20px;border-radius:10px;margin-bottom:20px}.postContent code{color:#fff}@media (max-width:1200px){.portfolioContent{width:100%;box-sizing:border-box}.portfolioImg{width:100%}.introHead span{font-size:10rem}}@media (max-width:979px){.tagline{display:block;margin:0}.tagline:before{display:none}.portfolioItem,.portfolioItem:nth-child(2n){flex-direction:column}.blogTitle{transform:rotate(0deg) translateY(0);top:10px;left:10px;font-size:5rem;color:hsla(0,0%,100%,.5)}.gradientOverlay{padding:40px 20px}}@media(max-width:767px){.introHead span{font-size:8rem}.previewSelect{flex-direction:row;max-width:-moz-fit-content;max-width:fit-content;overflow-x:auto;scrollbar-width:thin}.articlePreview{min-height:600px}.blogPanel{flex-direction:column}.postPreviewSelect{min-width:300px;border:none;position:relative}.postPreviewSelect:after{content:"";position:absolute;right:0;top:20px;bottom:20px;width:2px;background:#fff;transition:.3s ease}.postPreviewSelect:last-child:after{display:none}.portfolioImg{min-height:300px}.portfolioContent{padding:40px 20px}}@media (max-width:600px){.introHead{font-size:2rem}.introHead span{font-size:6rem}.contactPanel .container{flex-direction:column}}@media (max-width:500px){.introHead{font-size:1.5rem}.introHead span{font-size:4rem}.contactPanelLeft{text-align:center}.contactPanelLeft .socialMediaIcons{justify-content:center}}#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border-color:#29d transparent transparent #29d;border-style:solid;border-width:2px;border-radius:50%;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}