:root{--primary: #5ADED1;--primary-bright: #8dfbfe;--secondary: #fff;--base_background: #fafafa;--text-color: #333;--battleship: #868784;--link-color: #635BFF;--button-color: #635BFF;--button-text-color: #FFF;--button-hover: #4B3FFF;--sea-green: #32936F;--jade: #26A96C;--poppy-red: #DB2B39;--raspberry:#D81E5B;--gamboge: #EFA00B;--syracuse: #D65108;--sky-gradient: linear-gradient( 130deg, rgba(90, 222, 209, 72%) 0%, rgba(141, 251, 254, 93%) 38%, rgba(250, 250, 250, 99%) 100% );--morning-gradient: linear-gradient( 130deg, rgba(255, 200, 120, 72%) 0%, rgba(255, 187, 64, 93%) 38%, rgba(255, 194, 128, 99%) 100% );--evening-gradient: linear-gradient( 130deg, rgba(255, 102, 153, 72%) 0%, rgba(255, 190, 210, 93%) 38%, rgba(180, 205, 240, 99%) 100% );--night-gradient: linear-gradient( 130deg, rgba(125, 118, 255, 72%) 0%, rgba(193, 190, 255, 93%) 38%, rgba(242, 253, 253, 99%) 100% )}@font-face{src:url(../../../mont.otf);font-family:mont}@font-face{src:url(../../../mont-bold.otf);font-family:mont_bold}@font-face{src:url(/mont-ital);font-family:mont_ital}html{font-size:100%;max-width:100lvw}body{font-family:mont,system-ui,monospace;font-size:18px;color:var(--text-color);margin:0;padding:0;display:flex;flex-direction:column;min-height:100vh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--base_background);width:100%}body.morning{background:var(--morning-gradient)}body.day{background:var(--sky-gradient)}body.evening{background:var(--evening-gradient)}body.night{background:var(--night-gradient)}nav{display:flex;justify-content:space-around;width:100%;border-bottom:1px solid var(--battleship)}h1{font-size:2rem}h1,h2,h3,h4{color:var(--text-color);font-family:mont_bold}.message-status{margin-top:1rem;font-family:mont_bold;font-size:.95rem}.affirmative{color:var(--jade)}.alert{color:var(--gamboge)}.warning{color:var(--poppy-red)}.disabled{background-color:var(--battleship)}.bigHeadline{display:block}a{color:var(--link-color);text-decoration:none}a:hover{text-decoration:underline;color:var(--button-hover)}#top_bar{margin:0;padding:18px;display:flex;justify-content:space-between;align-items:center}#menu_button{display:flex;align-items:center;justify-content:space-evenly}nav>a{padding:18px;text-decoration:none;color:var(--text-color);width:100%}nav>a.active{font-family:mont_bold;color:var(--highlight)}#burger_button{display:none;align-items:center;justify-content:center}#burger{display:none;flex-direction:column;gap:4px;cursor:pointer;padding:12px}#burger div{margin:0;padding:0;line-height:0;width:25px;height:3px;background:var(--text-color);transition:transform .4s ease,opacity .4s;transform-origin:center}#burger.open div:nth-child(1){transform:translateY(7px) rotate(45deg)}#burger.open div:nth-child(2){opacity:0}#burger.open div:nth-child(3){transform:translateY(-7px) rotate(-45deg)}#burger_label{display:none;font-family:mont_bold;font-size:1.2rem;padding-left:12px;color:var(--text-color)}button{background-color:var(--button-color);color:var(--button-text-color);font-size:16px;min-height:44px;padding:.75rem 1.5rem;border:none;border-radius:5px;cursor:pointer}button.disabled{background-color:var(--battleship)!important;cursor:not-allowed;opacity:.7}main{padding:0;margin:0;flex:1;background-color:var(--base_background);width:100%}article{margin:0;display:flex;flex-direction:column;flex-wrap:wrap;overflow-wrap:break-word;word-break:break-word;box-sizing:border-box}hr{border:none;border-top:1px solid var(--battleship);margin:2rem 0;width:100%;height:0}li{margin:4px;padding:4px}.storyTeller{max-width:clamp(250px,33vw,420px);height:auto;margin:0 auto;display:block}#lander{display:flex;flex-direction:column;align-items:center;margin:0;padding:0}#hero{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:space-around;min-height:85vh;background:none;width:100%;margin:0}#hero-bg{position:absolute;margin:0;padding:0;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden;background:none}#sparks{width:100%;height:100%;display:block;z-index:1000;pointer-events:auto}#c2a{margin:24px;padding:18px;display:flex;justify-content:center}.buttonBar{padding:12px;display:flex;justify-content:center;align-items:center;width:100%}.fade-wrap{-webkit-user-select:text;user-select:text;padding:1em;opacity:0;transform:translateY(10px);animation:fadeInUp .72s ease forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.sideBySide{display:flex;justify-content:flex-start;padding:18px;gap:12px}.paddedSection{padding:18px}.paddedSectionCentered{display:flex;flex-direction:column;align-items:center;padding:18px}.leftJustified{text-align:left}#about,#portfolio-top{display:flex;flex-direction:column;align-items:center}.linkTitle{color:var(--button-color)}.stackList{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(80px,25vw,140px),1fr));gap:1rem;list-style:none;padding:8}.stackLogo{height:2.5em}#portfolio-display{display:flex;flex-direction:column;flex:1 1 auto;max-width:100%;padding:1em}.portfolioBox{display:grid;gap:1rem;list-style:none;padding:0;grid-template-columns:repeat(auto-fit,minmax(250px,360px))}.protfolioInfo{border-radius:4px;padding:16px;margin:8px 0;width:100%;box-sizing:border-box}.portfolioItem{border:1px solid var(--battleship);border-radius:4px;padding:16px;margin:8px 0;box-shadow:0 12px 24px #0000002e;box-sizing:border-box}.portfolioAnchor{display:flex;flex-direction:column;align-items:center}.portfolioImg{display:block;width:100%;max-width:clamp(220px,33vw,400px);max-height:clamp(180px,25vw,250px);border-radius:8px;box-shadow:0 6px 12px #0000001f;transition:transform .3s ease,box-shadow .3s ease;object-fit:cover;cursor:pointer}.portfolioImg:hover,.portfolioImg:focus{transform:scale(1.01);box-shadow:0 12px 24px #0000002e;outline:none}#blog_page,#docs_page,#contact,#contact_portal,#pricing_table h2,#pricing_table h3,#pricing_table p{display:flex;flex-direction:column;align-items:center}#pricing_overview{display:flex;flex-direction:column;align-items:center;text-align:left}#contact_form{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:1rem;padding:1.25rem}#contact_form label{font-weight:600;margin-bottom:.25rem}#contact_form input,#contact_form textarea{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;transition:border-color .2s}#contact_form input:focus,#contact_form textarea:focus{outline:none;border-color:var(--button-color);box-shadow:0 0 0 3px #635bff33}#contact_form button{align-self:flex-start;padding:10px 20px;background-color:var(--button-color);color:var(--button-text-color);border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}#contact_form button:hover{background-color:var(--button-hover)}#contact_form .error{color:#c00;font-size:.875rem}footer{padding:18px;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border-top:1px solid;height:99vh}#logo_link{margin-top:42px;align-self:center}#foot_logo{filter:brightness(0) saturate(100%);width:320px}#foot_nav{display:flex;flex-direction:column;padding:18px}#foot_nav>a{margin:12px}footer>a{margin:12px}.gdpr-banner{box-sizing:border-box;position:fixed;bottom:0;left:0;width:100%;background:var(--text-color);color:var(--secondary);display:flex;flex-wrap:wrap;align-items:center;padding:1.5em;font-size:.9em;z-index:999;box-shadow:0 4px 8px #0000001a}.gdpr-banner a{color:var(--link-color);text-decoration:underline}.gdpr-banner a:hover{color:var(--button-hover)}.gdpr-banner button{margin:1.8em;background-color:var(--button-color);color:#fff;border:none;padding:10px 20px;cursor:pointer}.gdpr-banner button:hover{background-color:var(--button-hover)}::selection{background-color:#7fffd4;color:#000}::-moz-selection{background-color:#7fffd4;color:#000}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#635bff66;border-radius:4px;border:2px solid transparent;background-clip:padding-box;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#635bffb3}*{scrollbar-width:thin;scrollbar-color:rgba(99,91,255,.4) transparent}.page-container{margin:0;padding:0;position:relative;display:flex;flex-direction:column}@media (max-width: 720px){.sideBySide{flex-direction:column;gap:8px}}@media (max-width: 420px){html{font-size:90%}#sticky-header{position:sticky;top:0;z-index:100;background-color:var(--base_background)}body.morning #sticky-header{background:var(--morning-gradient)}body.day #sticky-header{background:var(--sky-gradient)}body.evening #sticky-header{background:var(--evening-gradient)}body.night #sticky-header{background:var(--night-gradient)}.bigHeadline{display:none}nav{flex-wrap:wrap;border-bottom:none}nav>a{border-bottom:1px solid var(--button-hover)}#foot_logo{width:275px}#burger_button{display:flex;flex-direction:row;align-items:center;background:none;border:none;border-bottom:1px solid var(--battleship);padding:18px;cursor:pointer;width:100%}#burger_button:hover{cursor:pointer}#burger{display:flex}#burger_label{display:block}#nav_menu{flex-direction:column;max-height:0;overflow:hidden;transition:max-height .3s ease}#nav_menu.expanded{max-height:500px}nav>a{border-bottom:1px solid var(--battleship)}}
