@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Signika+Negative:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #000;--color-slate100: #fff;--tx-shadow-title: -.0625em -.0625em 0 #000, 0 -.0625em 0 #000, .0625em -.0625em 0 #000, -.0625em 0 0 #000, .0625em 0 0 #000, -.0625em .0625em 0 #000, 0 .0625em 0 #000, .0625em .0625em 0 #000, -.0625em -.03125em 0 #000, .0625em -.03125em 0 #000, -.0625em .03125em 0 #000, .0625em .03125em 0 #000, -.03125em -.0625em 0 #000, .03125em -.0625em 0 #000, -.03125em .0625em 0 #000, .03125em .0625em 0 #000;--tx-shadow: -.0625em -.0625em 0 #000, 0 -.0625em 0 #000, .0625em -.0625em 0 #000, -.0625em 0 0 #000, .0625em 0 0 #000, -.0625em .0625em 0 #000, 0 .0625em 0 #000, .0625em .0625em 0 #000}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;position:relative;color:var(--color-slate100);background-color:var(--bg-primary);font-family:Poppins,sans-serif;font-family:Signika Negative,sans-serif;text-shadow:var(--tx-shadow);overflow:hidden}#globe-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:-1;overflow-x:hidden}header{display:flex;justify-content:space-between;padding:1em 0;margin-inline:2em;max-height:10vh}img{display:block;max-width:100%}.logo{font-size:2rem;text-decoration:none;color:var(--color-slate100);font-family:Courier New,Courier,monospace;font-weight:800}.navigation-menus{list-style:none;display:flex;gap:0 1.5em}.navigation-menus>li a:has(:hover){color:red}.navigation-menus>li a{display:inline-block;text-decoration:none;color:var(--color-slate100);font-weight:600}.scroll-container{height:90vh;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth}.scroll-container{-ms-overflow-style:none;scrollbar-width:none}.scroll-container::-webkit-scrollbar{display:none}.scroll-container .snap-section{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-inline:2em;height:100%;scroll-snap-align:start}.snap-section>div{flex-grow:1}.content-left{display:flex;flex-direction:column;height:50%;gap:1.5rem}.content-left .content-title{font-weight:900;font-size:3rem;text-shadow:var(--tx-shadow-title)}.content-left .content-desc{font-size:1rem;max-width:55ch}.content-right{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-auto-rows:min-content;align-content:center;justify-content:right;justify-items:right;align-items:center}.content-right .image-container{width:fit-content;max-width:350px;box-shadow:0 0 .5em #fff}.image-container>img{width:100%;aspect-ratio:1;object-fit:cover;filter:opacity(1)}@keyframes fade-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-down{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-right{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fade-left{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.fade-up{animation:fade-up 1s ease forwards}.fade-down{animation:fade-down 1s ease forwards}.fade-left{animation:fade-left 1s ease forwards}.lost-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:420px;padding:10rem 3rem;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:2rem;z-index:5}.lost-title{font-size:2.5rem;font-weight:800;line-height:1.1}.lost-subtitle{font-size:1.05rem;opacity:.9}.lost-actions{margin-top:.75rem}.lost-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.6);background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;padding:.6rem 1.1rem;border-radius:999px;font-size:.95rem;cursor:pointer;transition:background .2s ease,transform .15s ease,border-color .2s ease}.lost-btn:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-1px)}.lost-btn:active{transform:translateY(0)}.lost-hint{font-size:.85rem;opacity:.7}@media (max-width: 768px){.lost-overlay{left:50%;top:auto;bottom:8%;transform:translate(-50%);max-width:90%}.lost-title{font-size:2rem}}
