.title{position:absolute;top:50.8%;left:50%;transform:translate(-50%,-50.8%);min-width:600px;width:32vw;height:auto;z-index:1;text-align:center}.title-small{min-width:160px;width:25vw;height:auto;position:absolute;top:49%;left:50%;transform:translate(-50%,-49%);z-index:1}.theMap{height:100%;display:flex;flex-direction:column;align-items:center;overflow:hidden}.map-canvas{display:flex;background-color:var(--main-map-color);overflow:hidden;border-radius:0 0 40px 40px;width:100%;height:92.5vh;max-height:calc(100vh - 60px);box-shadow:0 2px 10px #000;position:relative;will-change:transform}.button-scroll-circle{bottom:15%;position:absolute;border-radius:50%;display:flex;justify-content:center;align-items:center;width:55px;height:55px;background-color:#2c3e504d;-webkit-backdrop-filter:blur(.15rem);backdrop-filter:blur(.15rem);transition:transform .3s ease-in-out}.button-scroll-circle:hover{-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem)}.buttonScroll{margin-top:.3rem;height:auto;width:55%}.buttonScroll:hover{cursor:pointer}.map-options-container{background-color:rgba(var(--main-background-color-rgb),.8);width:300px;height:100%;position:absolute;top:0;right:-330px;transition:right .3s ease-in-out;box-shadow:-2px 0 10px #0000004d;z-index:2;font-family:var(--font-signika),monospace;pointer-events:none}.map-options-container.visible{right:0;pointer-events:all}.map-options-content{padding:20px;color:var(--main-white-color)}.options-title{font-size:2.4rem;font-weight:700;margin-bottom:20px;text-align:left}.settings-button{background-color:#2c3e50b3;border:none;border-radius:50%;width:55px;height:55px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:transform .3s ease-in-out;position:absolute;top:20px;right:20px;z-index:3}.settings-button:hover{background-color:#2c3e50e6}.settings-button svg{width:100px;height:100px}.settings-button.rotate-clockwise{transform:rotate(90deg)}.settings-button.rotate-counterclockwise{transform:rotate(0)}.sliders{display:flex;flex-direction:column;gap:20px}.slider-container{display:flex;flex-direction:column;gap:5px}.slider-label-container{display:flex;align-items:center;gap:8px}.slider-label{font-size:1.4rem;font-weight:600}.info-icon{display:flex;justify-content:center;align-items:center;width:16px;height:16px;border-radius:50%;background-color:var(--main-ui-color);color:var(--main-white-color);font-size:1.4rem;font-weight:700;cursor:help;position:relative;opacity:.9}.tooltip-box{position:absolute;width:220px;background-color:#000000e6;color:var(--main-white-color);padding:10px;border-radius:5px;font-size:1.2rem;font-weight:400;line-height:1.4;z-index:10;right:24px;top:-5px;box-shadow:0 2px 10px #0000004d;pointer-events:none;animation:fadeIn .2s ease-in-out}.tooltip-box:before{content:"";position:absolute;right:-5px;top:10px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid rgba(0,0,0,.9)}.slider-input-group{display:flex;align-items:center;gap:10px}.slider-range{flex-grow:1;-webkit-appearance:none;width:100%;height:5px;border-radius:5px;background:#d3d3d3;outline:none}.slider-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:var(--main-ui-color-light);cursor:pointer}.slider-range::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:var(--main-ui-color-light);cursor:pointer}.slider-number{width:50px;padding:5px;border:1px solid var(--main-ui-color-light);border-radius:3px;background-color:var(--main-ui-color-dark);color:#fff;font-size:14px;text-align:center}.option-container{display:flex;justify-content:space-between;margin-top:30px}.button.btn-options{box-shadow:none;font-size:2rem;margin:0;padding:.3rem}.button.btn-options.btn-lock{min-width:135px}.button.btn-options:hover{transform:none;box-shadow:none}.warning-message{margin-top:15px;padding:10px;background-color:var(--main-error-color);color:#fff;border-radius:5px;text-align:center;font-size:1.4rem;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-button.focus{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #ffffffb3}70%{box-shadow:0 0 0 25px #fff0}to{box-shadow:0 0 #fff0}}.placeholder{height:7vh;min-height:60px;display:none}.buttonHeader{width:100%;min-height:60px;height:7vh;z-index:1;display:flex;align-items:center;justify-content:center;position:relative}.buttonHeader .ksLogo{display:block;opacity:0;position:absolute;left:.8vw;top:50%;transform:translateY(-50%);transition:all .1s ease-out;min-width:4.1%;height:auto}.sticky{position:fixed;top:0;left:0;background-color:var(--navbar-background-color);border-bottom:1px solid black;box-sizing:border-box;box-shadow:0 4px 6px #0000001f}.buttonHeader.sticky .ksLogo{opacity:1}.buttonHeader.sticky .ksLogo:hover{cursor:pointer}.button-container{display:grid;grid-template-columns:repeat(3,1fr)}.nav-button-text{font-family:var(--font-mono-jetbrains),monospace;font-size:2.5rem;margin:3rem;transition:.5s}.nav-button-text:hover{color:var(--about-highlight);cursor:pointer;transition:0s}.nav-button-icon{display:none}@media (max-width: 700px){.buttonHeader.sticky{justify-content:right}.nav-button-icon{display:flex;justify-content:center;align-items:center}.nav-button-text{display:none}.button-container .button{width:55px;height:auto}}.aboutMe-page{align-items:center}.about-section{max-width:1000px;width:90%;transform:translateY(20px);transition:all 1s ease;position:relative}.about-section.visible{transform:translateY(0)}.main-content p{color:var(--main-off-white-color);line-height:1.5;margin-bottom:.5rem;margin-top:.8rem;font-family:var(--font-signika),monospace;font-size:1.6rem;font-weight:100}.skills-container h3{font-family:var(--font-mono-jetbrains),monospace;font-size:1.5rem;color:var(--about-secondary);margin-bottom:1rem}.skills-grid{display:flex;flex-wrap:wrap;gap:.5rem}.terminal-info{margin-top:1.6rem;font-family:var(--font-mono-jetbrains),monospace;font-size:1.3rem}.terminal-info p{color:var(--about-secondary);margin:.5rem 0;transition:all .3s ease;font-weight:500;display:flex;align-items:center}.terminal-info p:hover{color:var(--about-highlight);transform:translate(4px)}.profile-picture{border-radius:16px;object-fit:cover;justify-self:center}@media (max-width: 1100px){.profile-picture{display:none}}.footer-container{width:100%;background-color:#0c1519;color:#fff;font-weight:300;font-family:Signika,sans-serif;border-top:1px solid black;box-shadow:0 -4px 6px #0000001f}.footer{display:flex;justify-content:space-between;background-color:#0c1519;color:var(--main-white-color);font-weight:300;font-family:Signika,sans-serif;margin-left:10px;margin-right:10px}.footer-left{margin-right:1px;margin-top:28px;font-size:22px;opacity:100%}.footer-right{margin-left:1px}.icon-svg{margin-right:5px}.icon-svg:hover{cursor:pointer;transform:scale(1.1);transition:ease-in-out .2s}.projects-page{align-items:flex-start}.projects-section{margin-top:85px;position:relative}.projects-section{max-width:1000px;width:90%;transform:translateY(20px);transition:all 1s ease}.projects-section.visible{transform:translateY(0)}.tags-container{display:flex;flex-wrap:wrap;align-items:center;align-content:center;gap:8px}.tags-wrapper{display:flex;flex:1;flex-wrap:wrap;gap:8px}.git-tag{margin-left:auto}.git-tag a{display:flex;align-items:center;gap:8px;text-decoration:none}.git-logo{width:20px;height:20px;display:block}.contact-page{align-items:center}.contact-section{max-width:1000px;width:90%;transform:translateY(20px);transition:all 1s ease;position:relative}.contact-section.visible{transform:translateY(0)}.main-content{display:flex;flex-direction:column}.highlight{color:var(--main-white-color);font-weight:500;position:relative}.highlight:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--about-highlight);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.highlight:hover:after{transform:scaleX(1);transform-origin:left}.links-container{display:flex;flex-direction:column;gap:1.2rem;margin-top:1rem}.contact-link{display:flex;align-items:center;text-decoration:none;color:var(--main-off-white-color);font-family:var(--font-mono-jetbrains),monospace;font-size:1.4rem;padding:.5rem 0;transition:all .3s ease}.contact-link:hover{color:var(--about-highlight);transform:translate(4px)}.contact-icon{width:20px;height:20px;margin-right:12px;fill:var(--main-off-white-color);transition:fill .3s ease}.contact-link:hover .contact-icon{fill:var(--about-highlight)}html{font-size:62.5%}body{background-color:var(--main-background-color);margin:0;scrollbar-color:#888 #f1f1f1}:root{--main-white-color: #f4f8ff;--main-off-white-color: #e9ecf2;--main-background-color: #0C1519;--main-background-color-rgb: 12,21,25;--main-container-color: #141e25;--main-map-color: #264653;--main-ui-color-light: #33b4d6;--main-ui-color: #247a91;--main-ui-color-dark: #2c4250;--main-error-color: #a43d4c;--navbar-background-color: #0C1519;--font-signika: "Signika";--font-mono: "Space Mono";--font-mono-jetbrains: "JetBrains Mono";--about-highlight: #6bc9b5;--about-secondary: #38a3a5;--about-deep: #247a91;--about-bg: rgba(38, 70, 83, .4);--about-border: rgba(77, 191, 157, .2);--about-glass: rgba(44, 62, 80, .3)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-thumb{background-color:#888;border-radius:6px}::-webkit-scrollbar-track{background-color:var(--main-background-color)}::-webkit-scrollbar-thumb:hover{background-color:#555}.page{display:flex;justify-content:center;min-height:100vh;position:relative;overflow:hidden}.button{background:var(--main-ui-color);border:1px solid #247a91;border-radius:8px;box-shadow:0 0 11px #000;box-sizing:border-box;color:var(--main-white-color);cursor:pointer;font-family:sans-serif;font-size:2.5rem;font-weight:800;line-height:1.5;text-align:center;margin:1rem;transition:transform .2s}.button:hover{transform:translateY(-1px);box-shadow:0 0 10px #000;-webkit-backdrop-filter:blur(.1rem);backdrop-filter:blur(.1rem)}.button:hover,.button:active{background-color:initial;background-position:0 0;color:#38a3a5}.button:active{opacity:.5}.unselectable{-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.background-effects{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;pointer-events:none}.background-effects:before{content:"";position:absolute;top:0;left:0;right:0;height:35vh}.glow-spots{position:absolute;top:0;left:0;width:100%;height:100%}.glow-spot{position:absolute;border-radius:50%;background:radial-gradient(circle,#40e0d026,#0b243500 70%);filter:blur(20px)}.glow-spot:nth-child(1){top:40vh;left:56vw;width:30vmax;height:30vmax;opacity:.6}.glow-spot:nth-child(2){top:5%;left:16%;width:20vmax;height:20vmax;opacity:.5}.glow-spot:nth-child(3){top:75%;right:63%;width:22vmax;height:22vmax;opacity:.65}.ambient-dots{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(var(--about-border) 2.3px,transparent 1px);background-size:50px 50px;opacity:1;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.65) 18%,rgba(0,0,0,.75) 40%);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.65) 18%,rgba(0,0,0,.75) 40%)}.main-content{position:relative}.tag{padding:.5rem 1rem;background:linear-gradient(135deg,#2c3e504d,#2c3e5066);color:var(--main-white-color);border:1px solid var(--about-border);border-radius:6px;font-family:var(--font-signika),monospace;font-size:1.5rem;transition:all .3s ease;min-height:20px;align-content:center}.tag:hover{background:#2c3e5080;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--about-highlight)}.main-content h2{font-family:var(--font-mono-jetbrains),monospace;font-size:2.4rem;color:var(--about-highlight);margin:0;text-shadow:0 0 20px rgba(107,201,181,.3)}.content-container{background:var(--main-container-color);border:1px solid rgba(77,191,157,.15);border-radius:30px;padding:2.3rem;box-shadow:0 8px 32px #0000001a,0 2px 8px #4dbf9d1a;margin-top:25px}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}@media (max-width: 1100px){.content-grid{grid-template-columns:1fr}}