:root{--terminal-color-primary: #00FF00;--terminal-color-dimmed: rgba(0, 255, 0, .7);--terminal-color-faint: rgba(0, 255, 0, .3);--terminal-bg-overlay: rgba(0, 0, 0, .52);--terminal-scrollbar-track: rgba(0, 255, 0, .1);--link-color: #ff0000;--link-hover-bg: #555;--text-color-light: #fff;--font-orbitron: "Orbitron Custom", sans-serif;--font-share-tech: "Share Tech Mono Custom", monospace}@font-face{font-family:Orbitron Custom;src:url("./media/Orbitron-Regular-OZPGMSVX.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Share Tech Mono Custom;src:url("./media/ShareTechMono-Regular-53NZ2IBZ.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body,html{height:100%;margin:0;padding:0;font-family:sans-serif;overflow-x:hidden}body{background-image:url("./media/bakgrund-TNCIAHMF.png");background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;color:var(--text-color-light);position:relative}.page-container{height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.main-content{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;padding:40px 5%;gap:0;z-index:auto;overflow:hidden;flex-grow:1;min-height:0}.content-column{display:flex;flex-direction:column;align-items:flex-end;flex-grow:1;gap:23px;min-height:0;height:100%;pointer-events:auto}.app-header{display:flex;justify-content:flex-end;align-items:center;padding:1px 5%;box-shadow:0 2px 4px #0003;position:relative;z-index:10;flex-shrink:0;min-height:40px}.hamburger-toggle{background:none;border:none;cursor:pointer;font-size:0;display:none}.main-nav{width:100%;max-width:950px;margin:0;flex-shrink:0;pointer-events:auto}.main-nav ul{list-style-type:none;padding:0;margin:0;display:flex;justify-content:flex-end}.main-nav li{flex-grow:0;text-align:center}.main-nav li a{text-decoration:none;padding:15px 0;margin-left:20px;display:block;transition:background-color .3s;font-family:var(--font-orbitron);color:var(--link-color);font-size:1.5em;font-weight:700;pointer-events:auto}.main-nav li a:hover{background-color:var(--link-hover-bg);border-radius:4px}.logo-container{margin-top:0;flex-shrink:0;margin-right:50px;max-width:300px;z-index:5;position:relative}#blinking-alien{width:270px;height:270px;display:block;transition:opacity .05s;background-size:contain;background-repeat:no-repeat;background-position:center}.alien-open{background-image:url("./media/logo1-transparent-SYJMFQTC.png")}.alien-half{background-image:url("./media/logo2-transparent-PZZCGZ2B.png")}.alien-closed{background-image:url("./media/logo3-transparent-W2OGLCQG.png")}.terminal-container{width:100%;max-width:950px;background:var(--terminal-bg-overlay);border:1px solid var(--terminal-color-primary);box-shadow:0 0 15px #00ff00b3,inset 0 0 10px #00ff0080;font-family:var(--font-share-tech);color:var(--terminal-color-primary);font-size:clamp(.875em,1.5vw + .1em,1.1em);line-height:1.4;height:auto;flex-grow:1;min-height:300px;margin:0;display:flex;flex-direction:column;overflow:hidden;border-radius:5px;position:relative;z-index:3;pointer-events:auto!important;padding:5px;transition:height .3s ease-in-out,background-color .3s ease-in-out,box-shadow .3s ease-in-out,opacity .3s ease-in-out}.terminal-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.4;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.3),rgba(0,0,0,.3) 1px,transparent 2px,transparent 3px)}.terminal-header{display:flex;justify-content:space-between;align-items:center;z-index:10;border-bottom:1px solid var(--terminal-color-faint);margin-bottom:10px;font-size:.9em;color:var(--terminal-color-dimmed);padding:0 5px 5px;flex-shrink:0;position:relative;pointer-events:auto}.terminal-title{font-weight:700;pointer-events:auto}.terminal-buttons{display:flex;gap:5px;position:relative;z-index:11;pointer-events:auto}.btn{width:10px;height:10px;border-radius:50%;background-color:#555;border:1px solid #333;box-shadow:inset 0 0 3px #ffffff4d;cursor:pointer;position:static;z-index:12;pointer-events:auto}.btn.close{background-color:#f66;border-color:#f33}.btn.maximize{background-color:#6f6;border-color:#3c3}.btn.minimize{background-color:#ff6;border-color:#cc3}.terminal-content-area{display:flex;flex-direction:column;flex-grow:1;min-height:0;pointer-events:auto}#terminal-text{display:block;flex-grow:1;min-height:0;overflow-y:auto;overflow-x:hidden;white-space:pre-wrap;word-break:break-all;padding:0 5px 5px;text-align:left;margin:0;line-height:1.4;pointer-events:auto;scrollbar-width:auto;scrollbar-color:var(--terminal-color-primary) var(--terminal-scrollbar-track)}#terminal-text::-webkit-scrollbar{width:8px;background-color:transparent}#terminal-text::-webkit-scrollbar-track{background:var(--terminal-scrollbar-track);border-radius:10px}#terminal-text::-webkit-scrollbar-thumb{background-color:var(--terminal-color-primary);border-radius:10px;border:1px solid var(--terminal-color-primary)}#terminal-text span#typing-text{padding:0;margin:0;display:block;pointer-events:auto}.center-line-container{display:block;text-align:center}.output-text{white-space:pre-wrap;word-break:break-all;line-height:1.4;display:inline-block}.app-footer{background-color:#000c;text-align:center;padding:15px 0;width:100%;position:relative;z-index:10;margin-top:auto;flex-shrink:0;min-height:50px}#normal-content-area{display:none;width:100%;max-width:950px;margin:0;flex-direction:column;flex-grow:1;min-height:0;font-family:var(--font-share-tech);color:var(--text-color-light);padding:5px;background:#000000d9;border:1px solid var(--terminal-color-primary);box-shadow:0 0 15px #0f03,inset 0 0 10px #00ff001a;border-radius:5px;text-align:center}#normal-content-area h2{color:var(--link-color);margin-top:0;font-family:var(--font-share-tech)}#normal-content-area button{padding:10px 20px;background-color:var(--terminal-color-primary);color:#000;border:none;cursor:pointer;font-family:inherit;font-weight:700;border-radius:3px;transition:background-color .3s;display:block;width:80%;max-width:350px;margin:20px auto 0}#normal-content-area button:hover{background-color:#3f3}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.blinking{animation:blink 1s step-end infinite;color:var(--terminal-color-primary);margin-left:5px}@keyframes terminalGlitchIn{0%{opacity:0;transform:scale(.8) translateY(50px) rotateX(20deg);filter:blur(10px) brightness(.5);box-shadow:0 0 30px #0f00}10%{opacity:.1;transform:scale(.9) translateY(40px) rotateX(15deg) skew(5deg);filter:blur(8px) brightness(.7);box-shadow:0 0 30px #0f03}20%{opacity:.2;transform:scale(1.05) translateY(-10px) rotateX(-5deg) skew(-3deg);filter:blur(5px) brightness(1.2);box-shadow:0 0 30px #0f0c}30%{opacity:.3;transform:scale(.98) translateY(5px) rotateX(2deg) skew(2deg);filter:blur(3px) brightness(.9);box-shadow:0 0 25px #00ff0080}40%{opacity:.5;transform:scale(1.02) translateY(-2px) rotateX(-1deg) skew(-1deg);filter:blur(1px) brightness(1.1);box-shadow:0 0 20px #00ff00b3}50%{opacity:.7;transform:scale(1) translateY(0) rotateX(0) skew(0);filter:blur(0) brightness(1);box-shadow:0 0 15px #00ff00b3}55%{opacity:.5;transform:scale(1.01) translateY(0) rotateX(0) skew(0);filter:brightness(1.5)}60%{opacity:.8;transform:scale(.99) translateY(0) rotateX(0) skew(0);filter:brightness(.9)}70%{opacity:1;transform:scale(1) translateY(0) rotateX(0) skew(0);filter:brightness(1)}to{opacity:1;transform:scale(1) translateY(0) rotateX(0) skew(0);filter:brightness(1);box-shadow:0 0 15px #00ff00b3,inset 0 0 10px #00ff0080}}@keyframes scanlineEffect{0%{background-position:0 0}to{background-position:0 100%}}@keyframes verticalReveal{0%{clip-path:inset(0 0 100% 0);opacity:0}10%{opacity:.3}to{clip-path:inset(0 0 0 0);opacity:1}}.scanline-reveal img{-webkit-mask-image:none;mask-image:none;animation:verticalReveal 2s ease-out forwards}@media(min-width:869px){.terminal-container{opacity:0;transform:scale(.95) rotateX(10deg);animation:terminalGlitchIn 2s ease-in-out .5s forwards,scanlineEffect .1s steps(1) 2.5s infinite}.terminal-container:after{animation:scanlineEffect .1s steps(1) 2.5s infinite}}@media(max-width:1200px){.main-nav li a{font-size:1em;padding:12px 0;margin-left:15px}.content-column{gap:30px}}@media(max-width:868px){.app-header{padding:10px 5%;z-index:20}.hamburger-toggle{display:block;margin-left:auto;font-size:36px;color:var(--link-color);padding:5px 10px;line-height:1}.main-content{flex-direction:column;align-items:center;padding:20px 20px 20px 5%;gap:20px}.logo-container{margin-right:0;max-width:none}#blinking-alien{width:150px;height:150px}.content-column{width:100%;align-items:center;gap:20px}.main-nav{width:250px;position:fixed;top:0;right:0;height:100vh;background-color:#000000f2;transform:translate(100%);transition:transform .3s ease-in-out;z-index:15}.main-nav.is-open{transform:translate(0)}.main-nav ul{flex-direction:column;padding-top:60px;justify-content:flex-start}.main-nav li{text-align:left}.main-nav li a{padding:15px 20px;margin-right:0;font-size:1.5em}.terminal-container{width:95%;max-width:none;height:auto;margin:0;opacity:1;transform:none}.terminal-container:after{content:none}}app-home,app-about,app-terminal{display:flex;flex-direction:column;flex-grow:1;width:100%;max-width:950px}[hidden]{display:none!important}