/*
Theme Name: GeneratePress Child
Template: generatepress
Description: Child-tema for GeneratePress - Optimized & Maintainable
Author: Hamad
Version: 2.0
*/

/* ========================================================================== FONT FACES ========================================================================== */
@font-face{font-family:'Lucida Console';src:url('/wp-content/fonts/lucon.woff2') format('woff2');font-style:normal;font-weight:normal;font-display:swap}@font-face{font-family:'Font Awesome 6 Free';font-style:normal;font-weight:400;font-display:swap;src:url('/wp-content/fonts/fa-regular-400.woff2') format('woff2')}@font-face{font-family:'Font Awesome 6 Free';font-style:normal;font-weight:900;font-display:swap;src:url('/wp-content/fonts/fa-solid-900.woff2') format('woff2')}@font-face{font-family:'Font Awesome 6 Brands';font-style:normal;font-weight:400;font-display:swap;src:url('/wp-content/fonts/fa-brands-400.woff2') format('woff2')}@font-face{font-family:'Press Start 2P';font-style:normal;font-weight:normal;font-display:swap;src:url('/wp-content/fonts/PressStart2P-Regular.woff2') format('woff2')}@font-face{font-family:'Orbitron';font-style:normal;font-weight:400;font-display:swap;src:url('/wp-content/fonts/Orbitron-Regular.woff2') format('woff2')}

/* ========================================================================== CSS CUSTOM PROPERTIES ========================================================================== */
:root{--primary-color:#00d1a0;--secondary-color:#a855f7;--background-color:#121A21;--text-color:#e6edf3;--hover-color:#00bfa6;--neon-color:#00ffc3;--card-bg:#161b22;--card-panel:#1C262E;--card-border:#3B4D5E;--accent-color:#ff00c8;--fg:#aee9de;--divider:#3B4D5E;--text-muted:#99ADC2;--font-body:"Lucida Console",Monaco,monospace;--font-heading:"Press Start 2P",monospace;--font-alt:"Orbitron",sans-serif;--transition-smooth:all 0.35s ease;--transition-fast:all 0.2s ease;--border-radius:.75rem;--border-radius-sm:.375rem;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--header-height:3.5rem;--glass:linear-gradient(120deg,rgba(20,20,20,.9),rgba(50,50,50,.95));--ease1:cubic-bezier(.77,0,.18,1);--ease2:cubic-bezier(.65,0,.35,1)}

/* ========================================================================== GLOBAL STYLES ========================================================================== */
.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;border:0;padding:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);overflow:hidden;white-space:nowrap}a:focus-visible,button:focus-visible,[role=button]:focus-visible,input:focus-visible,textarea:focus-visible,.select:focus-visible,.footer-links a:focus-visible,.site-nav__link:focus-visible,.social-icons .contact-icon:focus-visible,.triangle-up:focus-visible{outline:2px solid var(--neon-color);outline-offset:4px;border-radius:4px}.svg-hidden{position:absolute;width:0;height:0;overflow:hidden}

/* ========================================================================== DESKTOP ONLY (min-width: 769px) ========================================================================== */
@media screen and (min-width:769px){.mob-container,.tab-bar-container{display:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;overflow-x:hidden;background-color:var(--background-color);color:var(--text-color);font-family:var(--font-body);font-size:.875rem;line-height:2.4;scroll-behavior:smooth}

/* CYBERPUNK DAY MODE */
body.day-mode{--background-color:#63646b;--text-color:#e8e9ed;--primary-color:#ff2a6d;--hover-color:#ff1744;--card-panel:#3a3d4a;--card-bg:#3a3d4a;--fg:#d1d5db;--accent:#ff2a6d;--divider:#4a4d5a;--card-border:#5a5d6a;--secondary-color:#05d9e8;background-color:var(--background-color);color:var(--text-color)}body.day-mode .contact .tekst.beskrivelse,body.day-mode .about .tekst.beskrivelse,body.day-mode .about .overskrift-om-meg .om-meg-tekst,body.day-mode .contact .overskrift-kontakt .kontakt-tekst,body.day-mode .skill .label,body.day-mode .contact,body.day-mode .about,body.day-mode .contact h1,body.day-mode .about h1{color:var(--text-color)}body.day-mode #home .hovedoverskrift{color:#f1f3f5}body.day-mode #home .hovedoverskrift .line-2{color:#e8e9ed}body.day-mode #home .hovedoverskrift .line-3{color:#d1d5db}body.day-mode #home .lidenskap.orbitron-text{color:#e8e9ed}body.day-mode #home .content .lidenskap{color:var(--text-color)}body.day-mode #experience .overskrift-erfaring .erfaring-tekst{color:var(--text-color)}body.day-mode .skills{color:#d1d5db}body.day-mode .timeline .line span:not([class]){color:#e8e9ed}body.day-mode .lidenskap .ferdigheter-intro{color:#d946ef}body.day-mode .footer-copyright,body.day-mode .social-icons .contact-icon{color:var(--text-color)}body.day-mode .about .overskrift-om-meg .brace,body.day-mode .contact .overskrift-kontakt .brace,body.day-mode #home .hovedoverskrift .brace,body.day-mode #experience .overskrift-erfaring .brace{color:#ff2a6d}body.day-mode .timecontainer .timefront,body.day-mode .skill,body.day-mode .contact,body.day-mode .about,body.day-mode #home .lidenskap.orbitron-text,body.day-mode .typing-widget-card{background:var(--card-panel);border-color:var(--card-border)}body.day-mode .about-card .br-card{background:var(--card-panel);color:var(--text-color);border-color:var(--card-border)}body.day-mode .about-card .br-card:hover{border-color:#ff2a6d}body.day-mode #about .br-top,body.day-mode #about .br-footer{border-color:var(--divider)}body.day-mode #about .br-photo{border-color:#5a5d6a}body.day-mode .skill:hover{border-color:#ff2a6d}body.day-mode .skill:hover .label{color:#05d9e8}body.day-mode .skill:hover .label::before{color:#ff2a6d}body.day-mode .skill:hover .label::after{color:#05d9e8}body.day-mode .skill span.description-hover{background:#4a4d5a;color:#05d9e8;border:1px solid #05d9e8}body.day-mode .skill span.description-hover:before{border-bottom-color:#4a4d5a}body.day-mode .variable{color:#d946ef}body.day-mode .property{color:#ff2a6d}body.day-mode .operator{color:#05d9e8}body.day-mode .string{color:#01ff89}body.day-mode .line-numbers{background-color:rgba(90,93,106,.2);color:#9ca3af}body.day-mode .timecontainer.left::before,body.day-mode .timecontainer.right::before,body.day-mode .timeline::before,body.day-mode .contact h1::after,body.day-mode .about h1::after{background-color:#e8e9ed}body.day-mode .timeline-progress{background:linear-gradient(to bottom,#ff2a6d 0,#d946ef 30%,#05d9e8 60%,rgba(58,61,74,.5)80%,rgba(42,45,58,0)100%)}body.day-mode .timeline::before{background:linear-gradient(to bottom,#5a5d6a 0,#4a4d5a 40%,#3a3d4a 90%,rgba(42,45,58,0)100%)}body.day-mode .thin-line,body.day-mode .thin-line.erfaring-om-meg{background:linear-gradient(to right,rgba(90,93,106,0)0,rgba(90,93,106,1)48%,rgba(90,93,106,1)52%,rgba(90,93,106,0)100%)}body.day-mode .timeline .timecard:hover .card-header .string.glitch-target{color:#05d9e8}body.day-mode .timeline .timecard:hover .card-header .string.glitch-target::before{color:#ff2a6d}body.day-mode .timeline .timecard:hover .card-header .string.glitch-target::after{color:#d946ef}body.day-mode .site-nav__label,body.day-mode .site-nav__link[aria-current=true],body.day-mode .site-nav__link.active{color:var(--primary-color)}body.day-mode .triangle-up::before{border-top-color:#ff2a6d;border-left-color:#ff2a6d}body.day-mode .typing-badge{background-color:#4a4d5a;color:#e8e9ed;border-color:#5a5d6a}body.day-mode .typing-badge i,body.day-mode .typing-unit,body.day-mode .typing-footer,body.day-mode .typing-footer i{color:#d1d5db}body.day-mode .typing-wpm{color:#ff2a6d}body.day-mode .typing-bg-number{background:linear-gradient(to bottom,rgba(90,93,106,.4)0,rgba(58,61,74,.1)55%,rgba(58,61,74,.02)85%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}body.day-mode .footer-item::after{background-color:#4a4d5a;color:#e8e9ed}body.day-mode .footer-item::before{border-top-color:#4a4d5a}body.day-mode .footer-item:hover i{color:#05d9e8}body.day-mode .typing-widget-card{color:#e8e9ed}body.day-mode .form-icon{color:#d1d5db}body.day-mode .input-container:has(.form-input:focus) .form-icon,body.day-mode .input-container:has(textarea:focus) .form-input,body.day-mode .form-input,.contact form input,.contact form textarea{color:#05d9e8}body.day-mode .contact form label,body.day-mode .contact form input:focus,body.day-mode .contact form textarea:focus{color:var(--text-color)}body.day-mode .contact form input,body.day-mode .contact form textarea{background-color:#3a3d4a;color:#e8e9ed;border-color:#5a5d6a}body.day-mode .contact form input:focus,body.day-mode .contact form textarea:focus{border-color:#ff2a6d;box-shadow:0 0 0 3px rgba(255,42,109,.2)}body.day-mode .form-input:focus+.form-label,body.day-mode .form-input:not(:placeholder-shown)+.form-label,body.day-mode textarea:focus+.form-label,body.day-mode textarea:not(:placeholder-shown)+.form-label{background-color:var(--card-panel);color:#ff2a6d}body.day-mode .contact .hovedoverskrift.overskrift-kontakt{color:#ff2a6d}body.day-mode .contact .hovedoverskrift .jp{color:var(--text-color)}body.day-mode .contact .hovedoverskrift.overskrift-kontakt::after{background:linear-gradient(to right,rgba(90,93,106,0)0,rgba(90,93,106,1)48%,rgba(90,93,106,1)52%,rgba(90,93,106,0)100%)}body.day-mode #about .thin-line,body.day-mode #about .thin-line.erfaring-om-meg{background:linear-gradient(to right,rgba(90,93,106,0)0,rgba(90,93,106,1)48%,rgba(90,93,106,1)52%,rgba(90,93,106,0)100%)}body.day-mode #about .br-title,body.day-mode #about .sec-block .sec-label,body.day-mode #about .sec-block .sec-code,body.day-mode #about .info-lines li span,body.day-mode #about .br-auth p{color:var(--text-color)}body.day-mode #about a{color:#05d9e8}body.day-mode #about a:hover,body.day-mode #about a:focus{color:#ff2a6d}body.day-mode .br-card:hover .info-lines .glitch-target{color:#05d9e8}body.day-mode .br-card:hover .info-lines .glitch-target::before{color:#ff2a6d}body.day-mode .br-card:hover .info-lines .glitch-target::after{color:#d946ef}

/* ========================================================================== ANIMATIONS ========================================================================== */
@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}@keyframes glitch{0%{text-shadow:-3px 2px #E73C7E,-2px -4px #2CABFF,-1px -1px #000,3px 5px rgba(0,0,0,.7)}35%{text-shadow:-2px -4px #E73C7E,2px 1px #2CABFF,-1px -1px #000,3px 5px rgba(0,0,0,.7)}40%{text-shadow:2px -1px #E73C7E,-4px 1px #2CABFF,-1px -1px #000,3px 5px rgba(0,0,0,.7)}75%{text-shadow:-3px -1px #E73C7E,-2px -2px #2CABFF,-1px -1px #000,3px 5px rgba(0,0,0,.7)}100%{text-shadow:-2px -1px #E73C7E,2px -1px #2CABFF,-1px -1px #000,3px 5px rgba(0,0,0,.7)}}@keyframes arrow-bounce{0%{transform:translateY(0)}50%{transform:translateY(-8px)}100%{transform:translateY(0)}}@keyframes ping-big{0%{transform:translate(-50%,-50%) scale(.6);opacity:.9}70%{transform:translate(-50%,-50%) scale(1.6);opacity:0}100%{transform:translate(-50%,-50%) scale(.6);opacity:0}}@keyframes glitch-label{0%{transform:translate(0);clip-path:inset(0 0 0 0)}20%{transform:translate(-.2rem,.1rem);clip-path:inset(50% 0 20% 0)}40%{transform:translate(.1rem,-.1rem);clip-path:inset(20% 0 60% 0)}60%{transform:translate(-.15rem,.1rem);clip-path:inset(80% 0 5% 0)}80%{transform:translate(.15rem,-.15rem);clip-path:inset(30% 0 45% 0)}100%{transform:translate(0);clip-path:inset(0 0 0 0)}}@keyframes scale{0%{transform:scale(10);opacity:0}50%{transform:scale(.2);opacity:.7}70%{transform:scale(1.2)}90%{transform:scale(.7)}100%{transform:scale(1);opacity:1}}

/* HEADER & NAVIGATION */
.site-header.site-header--sticky,.sticky-header{position:fixed;inset:0 0 auto;height:var(--header-height);z-index:1000;background:var(--glass);box-shadow:0 6px 12px rgba(0,0,0,.25);border-bottom:1px solid rgba(255,255,255,.05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:fadeInDown .8s ease;transition:background .4s,box-shadow .4s}.site-header__inner,.sticky-header .container{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;padding:0 1.25rem;position:relative}.site-header__brand .brand__text,.sticky-header .name{position:absolute;top:50%;left:2.8rem;transform:translateY(-50%);font-family:var(--font-heading);font-size:1.1em;letter-spacing:.1rem;color:#fff;white-space:nowrap}.site-nav,.navigation{flex:1;display:flex;justify-content:center;align-items:center;height:100%;margin-left:calc(2rem + .7em)}.site-nav__list,.navigation ul{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:clamp(1rem,10vw,5rem);height:100%}.site-nav__item,.navigation li{margin:0;padding:0}.site-nav__link,.navigation a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;width:7rem;height:4rem;text-decoration:none;color:#d5dadd;font-size:1rem;background:0 0;border-radius:.3125rem;cursor:pointer;transition:color .3s,transform .3s}.site-nav__link:active,.navigation a:active{transform:scale(.92)}.site-nav__link.active,.site-nav__link[aria-current=true],.navigation a.active{color:var(--primary-color)}.site-nav__icon,.icon-wrapper{display:flex;justify-content:center;align-items:center;transition:transform .36s var(--ease1),opacity .24s;will-change:transform,opacity}.site-nav__icon img,.navigation img{width:1.8em;height:1.8em;margin:0;filter:brightness(0)invert(1);transition:transform .1s}.site-nav__link.active .site-nav__icon img,.site-nav__link[aria-current=true] .site-nav__icon img,.navigation a.active img{transform:scale(1.1)}.site-nav__link.active:active .site-nav__icon img,.site-nav__link[aria-current=true]:active .site-nav__icon img,.navigation a.active:active img{transform:scale(1.05)}.site-nav__label,.icon-text{display:inline-block;white-space:nowrap;text-align:left}.site-nav__link .site-nav__label,.navigation a .icon-text{position:absolute;left:50%;top:55%;transform:translate(-50%,120%);opacity:0;font-size:1em;font-family:var(--font-alt);color:var(--primary-color);letter-spacing:2px;pointer-events:none;transition:transform .14s var(--ease1),opacity .34s var(--ease2).07s}.site-nav__link.active .site-nav__icon,.site-nav__link[aria-current=true] .site-nav__icon,.navigation a.active .icon-wrapper{transform:translateY(-50px);opacity:0}.site-nav__link.active .site-nav__label,.site-nav__link[aria-current=true] .site-nav__label,.navigation a.active .icon-text{top:20%;transform:translate(-50%,0);opacity:1;pointer-events:auto;transition:transform .34s var(--ease1),opacity .34s var(--ease2).18s}.site-nav__link:not(.active) .site-nav__icon,.site-nav__link:not([aria-current=true]) .site-nav__icon,.navigation a:not(.active) .icon-wrapper{transform:translateY(0);opacity:1}.site-nav__link:not(.active) .site-nav__label,.site-nav__link:not([aria-current=true]) .site-nav__label,.navigation a:not(.active) .icon-text{top:55%;transform:translate(-50%,120%);opacity:0;pointer-events:none}

/* THEME TOGGLE */
.theme-toggle,.switch-wrapper{position:absolute;top:25%;right:clamp(1rem,5vw,2.3rem);transform:translateY(-50%);display:flex;align-items:center;justify-content:flex-end}.theme-toggle__switch,label.switch{position:relative;display:inline-block;width:40px;height:28px}.theme-toggle__input,label.switch input{opacity:0;width:0;height:0}.theme-toggle__slider,span.slider{position:absolute;inset:4px 0 0;cursor:pointer;background-color:var(--neon-color);transition:background-color .4s}.theme-toggle__slider:before,span.slider:before{content:"";position:absolute;width:18px;height:18px;left:2.6px;bottom:3px;background-color:#212121;box-shadow:2px 2px 2px 1px rgba(0,0,0,.2);transition:transform .4s}.theme-toggle__input:checked+.theme-toggle__slider,label.switch input:checked+span.slider{background-color:#f6ff00}.theme-toggle__input:checked+.theme-toggle__slider:before,label.switch input:checked+span.slider:before{transform:translateX(16px)}.theme-toggle[data-tooltip],.footer-item{position:relative;display:inline-flex;align-items:center;cursor:help}.theme-toggle[data-tooltip]::after,.footer-item::after{content:attr(data-tooltip);position:absolute;top:125%;left:50%;transform:translateX(-50%)scale(.95);background-color:#1e293b;color:#f1f5f9;padding:.1rem 1.6rem;border-radius:var(--border-radius-sm);font-size:.75rem;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,transform .25s;box-shadow:0 2px 8px rgba(0,0,0,.3);z-index:10}.theme-toggle[data-tooltip]:hover::after,.footer-item:hover::after{opacity:1;visibility:visible;transform:translateX(-50%)scale(1)}.theme-toggle[data-tooltip]::before,.footer-item::before{display:none}.theme-toggle[data-tooltip]::after{top:50%;left:-.75rem;transform:translateX(-100%)translateY(-50%)scale(.95)}.theme-toggle[data-tooltip]:hover::after{transform:translateX(-100%)translateY(-45%)scale(1)}

/* SKIP LINK (ACCESSIBILITY) */
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}.skip-link:focus{position:fixed;left:1rem;top:.75rem;width:auto;height:auto;padding:.75rem 1rem;background:#000;color:#fff;border:2px solid #00ffc3;border-radius:.25rem;z-index:10001;outline:3px solid #00ffc3;outline-offset:2px;font-size:1rem;font-weight:600;text-decoration:none;box-shadow:0 4px 12px rgba(0,255,195,.4)}
/* LAYOUT & SECTIONS */
.content-wrapper{max-width:68rem;margin:0 auto;padding:0 var(--spacing-md);width:100%;box-sizing:border-box}.section{padding:6.25rem 1.25rem;background-color:var(--background-color);animation:fadeIn .8s ease;color:var(--text-color)}
/* HOME SECTION */
#home .hovedoverskrift{font-family:var(--font-heading);font-size:1.9rem;margin:0 auto;padding:1rem;text-align:center;color:#ddd;letter-spacing:.3rem;line-height:1.7}#home .hovedoverskrift .line-2{display:block;font-size:.55em;font-weight:400;color:var(--primary-color);margin-top:.5rem;letter-spacing:.08em}#home .hovedoverskrift .line-3{display:block;font-size:1.3rem;font-weight:300;color:#999;margin-top:.3rem}#home .hovedoverskrift .brace{display:inline-block;font-size:1.5rem;font-weight:700;color:var(--primary-color);line-height:1;vertical-align:middle}.hero-tagline{font-family:var(--font-alt);font-size:clamp(1rem,2vw,1.25rem);color:var(--text-muted);margin:1.5rem auto 2.5rem;max-width:50rem;line-height:1.6;text-align:center}body.day-mode .hero-tagline{color:#4a4a4a}body.day-mode #home .hovedoverskrift .line-2{color:#ff2a6d}#home .lidenskap.orbitron-text{font-size:1rem;color:var(--text-muted);line-height:1.6;background:var(--card-panel);padding:var(--spacing-md);text-align:justify;border:1px solid var(--card-border);border-left:4px solid var(--card-border);border-radius:var(--border-radius);margin:0;box-sizing:border-box}.lidenskap .ferdigheter-intro{display:block;margin-top:1rem;font-weight:500;font-size:1rem;color:#4dd0e1;text-align:left}.lidenskap-wrapper{display:flex;justify-content:space-between;align-items:stretch;gap:2rem;max-width:68rem;margin:2rem auto}.lidenskap-card{flex:1;display:flex;align-items:center}

/* TYPING WIDGET */
.typing-widget-link{text-decoration:none;color:inherit}.typing-widget-card{flex:0 0 300px;max-width:300px;width:300px;border:1px solid var(--card-border);height:100%;position:relative;background:var(--card-panel);color:#f1f5f9;border-radius:var(--border-radius);padding:0 0 1rem 2rem;box-sizing:border-box;overflow:visible}.typing-badge{position:absolute;border:1px solid var(--card-border);top:1rem;left:1rem;background-color:#121924;color:var(--text-muted);font-size:.75rem;padding:.2rem .75rem;border-radius:999rem;display:inline-flex;align-items:center;gap:.35rem;z-index:2}.typing-badge i{font-size:.85rem;color:var(--text-muted);vertical-align:middle}.typing-bg-number{position:absolute;top:-6.8rem;left:2rem;font-size:12rem;background:linear-gradient(to top,var(--card-panel)0,var(--card-panel)40%,rgba(120,120,120,.3)70%,rgba(180,180,180,.15)85%,rgba(220,220,220,.08)100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;z-index:0;pointer-events:none;user-select:none}.typing-main{position:relative;z-index:1;display:flex;align-items:baseline;justify-content:center;gap:.25rem;margin-top:0}.typing-wpm{font-size:5rem;font-weight:700;color:var(--primary-color);margin-top:2.5rem;margin-left:-9.5rem}.typing-unit{font-size:1.5rem;color:#fff}.typing-footer{display:flex;justify-content:center;align-items:center;gap:3rem;font-size:.9rem;color:#f1f5f9;z-index:1;position:relative;margin-left:-3rem;top:.6rem;margin-top:-3rem}.typing-footer i{font-size:.95rem;line-height:1;color:#6a82ba;display:inline-block;transform:translateY(-.8px);margin-right:.35rem}.footer-text{display:inline-block;line-height:1;font-size:.9rem}.footer-item{position:relative;display:inline-flex;align-items:center;cursor:help}.footer-item::before{content:"";position:absolute;top:117%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:#1e293b;opacity:0;transition:opacity .25s;z-index:9}.footer-item:hover::before{opacity:1}.footer-item i{transition:color .2s,text-shadow .2s}.footer-item:hover i{color:#98abd4;text-shadow:0 0 .5px #3f4759,0 0 1px #3f4759}

/* SKILLS GRID */
.center-container{display:flex;justify-content:center;align-items:center;height:50vh;width:100%;margin:-5rem auto 0;padding-bottom:1.875rem}.skills{display:grid;grid-template-columns:1fr 1fr .5fr 1fr 1fr;grid-template-rows:repeat(2,1fr);gap:var(--spacing-xs);width:100%;height:80%;z-index:10;animation:fadeIn .8s}.skill{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:.85rem;border-radius:var(--border-radius);background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0)),var(--card-panel);border:1px solid var(--card-border);color:var(--text-muted);text-align:center;font-family:var(--font-body);transition:var(--transition-smooth);overflow:visible}.skill::after{content:"";position:absolute;inset:-1px;border-radius:var(--border-radius);background:radial-gradient(600px 220px at 50% 40%,rgba(110,231,255,.08),transparent 60%);opacity:0;transition:opacity .3s;z-index:0}.skill img{width:2.8125rem;height:2.8125rem;margin-bottom:0;display:block;object-fit:contain;filter:saturate(.95)contrast(1.05);transition:var(--transition-smooth);z-index:1}.skill:hover img{transform:scale(1.04);filter:saturate(1.08)contrast(1.04)drop-shadow(0 2px 6px rgba(110,231,255,.18))drop-shadow(0 0 14px rgba(110,231,255,.12))}.skill span.description-hover{position:absolute;left:1%;right:1%;padding:.625rem .5rem;font-size:.825rem;font-family:var(--font-body);background:#ebebeb;color:#595959;border-radius:0;letter-spacing:.04rem;visibility:hidden;opacity:0;z-index:-999;white-space:normal;width:auto;transition:all .6s cubic-bezier(.68,-.55,.265,1.55)}.skill span.description-hover:before{content:"";width:0;height:0;line-height:1.2;border-left:.3125rem solid transparent;border-right:.3125rem solid transparent;border-bottom:.3125rem solid #ebebeb;position:absolute;top:100%;left:50%;transform:translateX(-50%)}.dribbble{grid-column:3;grid-row:1/span 2;height:100%}.dribbble span.description-hover,.skill:nth-of-type(1) span.description-hover,.skill:nth-of-type(2) span.description-hover,.skill:nth-of-type(3) span.description-hover,.skill:nth-of-type(4) span.description-hover{bottom:0}.dribbble:hover span.description-hover{bottom:15rem;visibility:visible;opacity:1}.dribbble span.description-hover:before,.skill:nth-of-type(1) span.description-hover:before,.skill:nth-of-type(2) span.description-hover:before,.skill:nth-of-type(3) span.description-hover:before,.skill:nth-of-type(4) span.description-hover:before{bottom:4.0625rem;transform:translateX(-50%)rotate(180deg)}.skill:nth-of-type(1):hover span.description-hover,.skill:nth-of-type(2):hover span.description-hover,.skill:nth-of-type(3):hover span.description-hover,.skill:nth-of-type(4):hover span.description-hover{bottom:7.5rem;visibility:visible;opacity:1}.skill:nth-of-type(6) span.description-hover,.skill:nth-of-type(7) span.description-hover,.skill:nth-of-type(8) span.description-hover,.skill:nth-of-type(9) span.description-hover{top:0}.skill:nth-of-type(6):hover span.description-hover,.skill:nth-of-type(7):hover span.description-hover,.skill:nth-of-type(8):hover span.description-hover,.skill:nth-of-type(9):hover span.description-hover{top:7.5rem;visibility:visible;opacity:1}.skill:nth-of-type(6) span.description-hover:before,.skill:nth-of-type(7) span.description-hover:before,.skill:nth-of-type(8) span.description-hover:before,.skill:nth-of-type(9) span.description-hover:before{top:-.3125rem;transform:translateX(-50%)}.skill .label{position:relative;isolation:isolate}.skill:hover .label{color:var(--primary-color)}.skill:hover .label::before,.skill:hover .label::after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;background-color:#212121}.skill:hover .label::before{color:var(--secondary-color);background:0 0;animation:glitch-label .4s cubic-bezier(.25,.46,.45,.94)both}.skill:hover .label::after{color:var(--primary-color);background:0 0;animation:glitch-label .4s cubic-bezier(.25,.46,.45,.94)reverse both}

/* DIVIDERS */
.thin-line,.thin-line.erfaring-om-meg{border:0;width:100vw;height:.1rem;position:absolute;left:0;right:0;margin-left:calc(-50vw + 50%);margin-top:1.25rem;margin-bottom:3.125rem;pointer-events:none;z-index:2;background:linear-gradient(to right,#1c1c1c 5%,#a8a8a8 48%,#e0e0e0 50%,#a8a8a8 52%,#1c1c1c 95%)}.thin-line.erfaring-om-meg{margin-top:2.5rem;margin-bottom:0}
/* EXPERIENCE SECTION */
#experience .overskrift-erfaring{font-family:var(--font-heading);font-size:1.8rem;text-align:center;margin-top:0;padding-bottom:5rem;font-weight:400;letter-spacing:0;text-transform:none;transition:none;color:#ddd}#experience .overskrift-erfaring .brace{color:var(--primary-color)}#experience .overskrift-erfaring .erfaring-tekst{color:#ddd}.icon-text{color:var(--neon-color)}.variable{color:#ba68c8}.property{color:#ef5350}.operator{color:#4dd0e1}.string{color:#9ccc65}

/* TIMELINE */
.timeline-progress{position:absolute;left:50%;top:-4.875rem;transform:translateX(-50%);width:.1875rem;height:calc(100% + 4.875rem);background:linear-gradient(to bottom,#00fff0 0,#2ef1c7 25%,#aee9de 55%,#f7baff 80%,rgba(255,255,255,.3)95%,rgba(255,255,255,0)100%);z-index:2;opacity:1;border-radius:2px;transition:height .2s ease-out,opacity .3s;will-change:height,opacity;pointer-events:none;max-height:calc(100% + 4.875rem)}.timeline::before{content:"";position:absolute;top:-4.875rem;bottom:-8.775rem;left:50%;width:.1875rem;background:linear-gradient(to bottom,#1e263a 0,#28314a 35%,#1c2235 75%,rgba(18,20,28,0)100%);transform:translateX(-50%);z-index:0}.timeline{position:relative;width:100%;max-width:none;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:0}.timecard{width:100%;max-width:100%;height:15rem;transform-style:preserve-3d;transition:transform .5s;will-change:transform;cursor:pointer;border-radius:.625rem;z-index:2}.timecontainer{position:relative;width:100%;max-width:25rem;perspective:1200px;margin:0 auto;display:flex;justify-content:center}.timecontainer .timefront{background:var(--card-panel);color:#f5f5f5;overflow:hidden;border:1px solid var(--card-border);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0 3rem;gap:.8rem;z-index:2}.timecontainer .timecard,.timecard{position:relative;width:100%;max-width:30rem;height:15rem;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.55,.055,.675,.19);will-change:transform;cursor:pointer;border-radius:.625rem;z-index:2}.timefront,.timeback{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:var(--border-radius);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;box-sizing:border-box}.timefront{transform:rotateX(0deg);z-index:2}.timeback{background:linear-gradient(45deg,#303030,#4c5e70);color:#f5f5f5;overflow:hidden;transform:rotateX(180deg);z-index:1;padding:2rem;font-family:var(--font-alt)}.tc-1,.tc-3,.tc-5{align-self:flex-end}.tc-2,.tc-4{align-self:flex-start}.timecontainer::before{content:"";position:absolute;top:50%;width:20.4rem;height:.01rem;background:linear-gradient(to right,#00fff0,#2ef1c7,#aee9de,#f7baff)}.timecard.flipped{transform:rotateX(180deg)}.company-logo{position:absolute;top:1.25rem;left:50%;transform:translateX(-50%);width:160px;height:auto;margin-bottom:.5rem;max-width:100%;z-index:1}.timecontainer .line-numbers{position:absolute;top:0;left:0;padding:0 10px;font-size:13px;opacity:.2;display:flex;flex-direction:column;justify-content:space-evenly;height:100%;background-color:rgba(255,255,255,.03);font-family:var(--font-body)}.timecontainer .line-numbers div{padding:5px 0}.timecontainer .card-header{font-family:var(--font-body);font-size:.9rem;color:#fff;display:flex;flex-direction:column;gap:.5rem;width:100%;margin-top:5.5rem;margin-left:-1rem}.timecontainer .card-header .line{display:flex;gap:.4rem;align-items:center;white-space:nowrap;justify-content:flex-start}.timeline .timecard .card-header .string.glitch-target{position:relative;isolation:isolate}.timeline .timecard:hover .card-header .string.glitch-target{color:var(--primary-color)}.timeline .timecard:hover .card-header .string.glitch-target::before,.timeline .timecard:hover .card-header .string.glitch-target::after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;background:0 0}.timeline .timecard:hover .card-header .string.glitch-target::before{color:var(--secondary-color);animation:glitch-label .4s cubic-bezier(.25,.46,.45,.94)both}.timeline .timecard:hover .card-header .string.glitch-target::after{color:var(--primary-color);animation:glitch-label .4s cubic-bezier(.25,.46,.45,.94)reverse both}.timecontainer .skills-wrapper{display:flex;align-items:flex-start;justify-content:flex-start;height:100%;width:100%}.timecontainer .skills{list-style:none;padding:0;margin:0;font-size:.85rem;font-family:var(--font-alt);color:#fff;display:flex;flex-direction:column}.timecontainer .skills li{position:relative;margin-bottom:.5rem;margin-left:-1.5rem;display:flex;align-items:center;gap:.5rem;padding-bottom:0}.timecontainer .skills li i{color:#00aeff;min-width:2.2rem;text-align:left}.timecontainer .skills li span{font-family:var(--font-body);font-size:.8rem;color:#e0e0e0;margin-left:1rem}.timecontainer .skills li::after{content:"";position:absolute;left:0;width:100%;height:.0625rem;background-color:#a1a1a1;bottom:-.5rem}.timecontainer .skills li:last-child::after{display:none}.timecontainer .timeback ul{display:flex;flex-direction:column;justify-content:center;height:100%;list-style:none;padding:0;margin:0;font-size:.625rem;line-height:1.6;color:#333}.timecontainer .timeback ul li{position:relative;display:flex;align-items:center;padding-left:2.5rem;margin-bottom:.5rem;font-size:.8125rem;text-align:left;letter-spacing:.0625rem;line-height:1.8;color:#333;padding-bottom:0}.timecontainer .timeback ul li::before{content:"\2022";position:absolute;margin-left:-1.875rem;top:50%;transform:translateY(-50%);font-size:2rem;color:#00aeff;font-family:Georgia,serif}.timecontainer .timeback ul li::after{content:"";position:absolute;left:-2rem;width:calc(100% + 9rem);height:.0625rem;background-color:#a1a1a1}.timecontainer .timeback ul li:last-child::after{display:none}.timecontainer.right.tc-1 .company-logo,.timecontainer.right.tc-3 .company-logo{width:100%;max-width:220px;height:auto;display:block;margin:0 auto 1.5rem}.timecontainer.left.tc-2 .company-logo{width:100%;max-width:300px;height:auto;margin:1rem auto;display:block}.timecontainer.tc-4 .company-logo{width:100%;max-width:200px;height:auto;left:12rem;margin:0 auto 1rem}.timecontainer.right.tc-5 .company-logo{width:100%;max-width:300px;height:auto;margin:1rem auto;display:block}.tc-1,.tc-3,.tc-5{transform:translateX(80%)}.tc-1::before,.tc-3::before,.tc-5::before{right:48%;width:20.375rem;background-color:var(--neon-color);transform:translateY(-80%)}.tc-1 .skills-wrapper{padding-top:4rem;padding-bottom:0}.tc-3 .skills-wrapper{padding-top:3.5rem;padding-bottom:0}.tc-1 .skills li span{margin-bottom:-.4rem;margin-left:1rem}.tc-3 .skills li span{margin-bottom:-.2rem;margin-left:1rem}.tc-1 .skills li::after{bottom:-.7rem}.tc-3 .skills li::after{bottom:-.5rem}.tc-1 .timeback{padding-top:1.5rem}.tc-1 .timeback ul{transform:translateY(-25px)}.tc-1 .timeback ul li::before,.tc-3 .timeback ul li::before{content:none}.tc-1 .timeback ul li i{position:absolute;margin-left:-1.875rem;top:50%;transform:translateY(-30%);font-size:1rem;color:#00aeff}.tc-3 .timeback ul li i{position:absolute;margin-left:-1.875rem;top:50%;transform:translateY(-50%);font-size:1rem;color:#00aeff}.tc-1 .timeback ul li i{text-shadow:1px 1.2px 1px rgba(0,0,0,.5)}.tc-3 .timeback{padding-top:.1rem}.tc-3 .timeback ul{transform:translateY(-10px)}.timecontainer.left::before,.timecontainer.right::before{background-color:var(--neon-color)}.tc-2 .skills li span,.tc-4 .skills li span{margin-left:1rem}.tc-2 .skills li span{margin-bottom:0}.tc-4 .skills li span{margin-bottom:.2rem}.tc-2,.tc-4{transform:translateX(-80%)}.tc-2 .timeback ul,.tc-4 .timeback ul{padding-top:1rem;padding-bottom:1rem}.tc-2 .timeback ul li::after,.tc-5 .timeback ul li::after{bottom:-.7rem}.tc-4 .timeback ul li::after{bottom:-.5rem}.tc-2::before,.tc-4::before{left:48%;width:20.375rem;background-color:var(--neon-color);transform:translateY(-80%)}.tc-5 .timeback ul{padding-top:2rem;padding-bottom:1.1rem}

/* ABOUT & CONTACT SECTION */
.br-card .info-lines .glitch-target{position:relative;isolation:isolate;display:inline-block;white-space:nowrap;line-height:1}.br-card:hover .info-lines .glitch-target{color:var(--primary-color)}.br-card:hover .info-lines .glitch-target::before,.br-card:hover .info-lines .glitch-target::after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;background:0 0}.br-card:hover .info-lines .glitch-target::before{color:var(--secondary-color);animation:glitch-label .4s cubic-bezier(.25,.46,.45,.94)both}.br-card:hover .info-lines .glitch-target::after{color:var(--primary-color);animation:glitch-label .4s cubic-bezier(.25,.46,.45,.94)reverse both}.br-info .info-lines li:nth-child(2) span{line-height:1.5;display:inline-block}.br-card{width:min(500px,95vw);background:var(--card-panel);color:var(--fg);border:1px solid var(--divider);padding:var(--spacing-md) var(--spacing-md) 1.25rem;border-radius:var(--border-radius);margin-bottom:0;transition:transform .4s;position:relative;font-family:var(--font-body);letter-spacing:.3px;image-rendering:pixelated}.br-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--divider);padding:6px 2px 28px}.br-title{font-size:1.5em;font-family:var(--font-heading)}.br-signal{display:flex;align-items:center;gap:10px;opacity:.9}.br-main{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:12px 2px;column-gap:0}.br-signal .label{font-size:1rem;line-height:1;letter-spacing:.02em;font-weight:600}.info-lines{list-style:none;margin:0;padding:0;display:grid;gap:26px}.info-lines li span{font-size:1em}.sec-block .sec-label{font-size:1em;margin-top:0;opacity:.85}.sec-block .sec-code{font-size:1rem;color:#fff;margin-top:-.7em}.br-auth{padding:0 2px;margin-top:-6px;margin-bottom:1em}.br-auth p{font-size:1em;line-height:1.8;color:var(--text-muted);margin:0;text-align:justify;overflow-wrap:anywhere}.br-footer{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;justify-items:center;gap:10px;padding:12px 2px 8px;background:#BBBDC0;border-top:1px solid var(--divider);border-radius:0 0 var(--border-radius) var(--border-radius)}.foot-ico{margin:0;text-align:center}.foot-ico img{height:45px;width:auto;object-fit:contain;display:block;filter:none;transition:transform .3s}.foot-ico img:hover{transform:scale(1.05)}.foot-ico figcaption{margin-top:8px;font-size:10px;letter-spacing:.2px;color:#222;opacity:.95}.show-caption{display:block}.about-contact-container{max-width:68rem;margin:10rem auto;display:grid;grid-template-columns:1fr 1fr;column-gap:13rem;align-items:stretch}.about-contact-container>#about,.about-contact-container>#contact{min-width:0}#about .about{background:0 0;border:0;padding:0;margin:0}.about-card{display:flex;justify-content:center;align-items:flex-start;flex:1}.about-card .br-card{width:100%!important;max-width:none!important;background:var(--card-panel);border:1px solid var(--card-border);padding:var(--spacing-md) var(--spacing-md) 1.25rem;border-radius:var(--border-radius);box-shadow:none;margin:0;overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:100%}.br-photo{margin-right:-8em;width:100%;aspect-ratio:1/1;border:1px solid var(--divider);background:radial-gradient(ellipse at 0% 0%,rgba(174,233,222,.08)0 0%,transparent 0%)top left/40% 40% no-repeat,var(--portrait)center/cover no-repeat;filter:contrast(1.05)saturate(.7);position:relative;margin-bottom:0;left:-3em;top:-1em}.br-info{padding-left:8px}.br-info .info-lines{gap:0!important}.br-info .info-lines li:nth-child(2) span::after{content:none!important}.br-card .br-info .info-lines li:nth-child(2){border-bottom:1px solid var(--divider);padding-bottom:6px;margin-bottom:2px}.contact{background:var(--card-panel);color:var(--fg);border:1px solid var(--card-border);padding:var(--spacing-md) var(--spacing-md) 1.25rem;border-radius:var(--border-radius);box-sizing:border-box;margin-bottom:0;transition:transform .4s;position:relative}.contact:hover{transform:none}.about-contact-container{display:grid;grid-template-columns:1fr 1fr;column-gap:13rem;align-items:stretch}.about-container,.contact-container{display:flex}#about .about,#contact .contact{display:flex;flex:1}.about-card{display:flex;flex:1}.about-card .br-card{display:flex;flex-direction:column;flex:1;min-height:100%}.contact{display:flex;flex-direction:column;flex:1;min-height:100%}.br-footer{margin-top:auto}.contact .form-group{margin-top:auto}.contact .tekst.beskrivelse{margin:0 0 1rem}.contact h2.hovedoverskrift.overskrift-kontakt{display:flex;align-items:center;justify-content:space-between;padding:6px 2px 28px;margin:0;border-bottom:1px solid var(--divider);font-family:var(--font-heading);font-size:1.5em;letter-spacing:.125rem;color:var(--fg);text-align:left;position:relative}.contact h1::after{content:none!important}.contact .hovedoverskrift .title-left{display:inline-flex;align-items:baseline;gap:.35em}.contact .hovedoverskrift .brace[aria-hidden=true]{opacity:.9}.contact .hovedoverskrift .jp{font-family:"Noto Sans JP",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:.8em;letter-spacing:.05em;white-space:nowrap;opacity:.95}.contact .tekst.beskrivelse{font-size:1em;line-height:1.8;color:var(--text-muted);margin:1em;font-family:var(--font-body)}.contact .hovedoverskrift .jp,#about .br-signal .label{color:#fff!important}

/* CONTACT FORM */
.contact .tekst.beskrivelse{text-align:center;padding-bottom:2.825rem}.contact form{display:flex;flex-direction:column;gap:1.75rem;margin-top:3rem}.input-container{position:relative;width:100%}.form-input,.contact form input,.contact form textarea{width:100%;padding:1.25rem 3.8rem .75rem 1rem;background-color:var(--card-panel);border:.1px solid #919191;border-radius:0;outline:0;color:#e0e0e0;font-family:var(--font-body);font-size:1rem;line-height:1.6;transition:var(--transition-smooth);box-sizing:border-box}.form-input:focus,.contact form input:focus,.contact form textarea:focus{border-color:var(--neon-color);box-shadow:0 0 0 3px rgba(0,255,195,.2);background-color:var(--card-panel);outline:0}.form-label,.contact form label{position:absolute;left:.6rem;top:.7rem;font-size:1rem;font-family:var(--font-body);color:#ededed;pointer-events:none;transition:all .3s;background-color:transparent;padding:0 .25em}.form-input:focus+.form-label,.form-input:not(:placeholder-shown)+.form-label,textarea:focus+.form-label,textarea:not(:placeholder-shown)+.form-label{transform:translateY(-1.8rem)scale(.85);color:var(--neon-color);background-color:var(--card-panel);padding:0 .2em;z-index:2}.form-icon{position:absolute;top:1.3rem;left:20.5rem;font-size:1.1rem;color:#b0b0b0;pointer-events:none}.textarea-input,.contact form textarea{resize:vertical;min-height:7rem}.btn{position:relative;display:flex;align-items:center;justify-content:center;width:23rem;height:4rem;margin:0 0 -.99rem;top:-.9rem;background-color:#6c5ce7;border:0;border-radius:var(--border-radius-sm);color:#fff;font-family:var(--font-heading);text-transform:uppercase;overflow:hidden;cursor:pointer;transition:transform .3s ease-out,background-color .3s ease-out,box-shadow .3s ease-out}.btn::before{content:"";position:absolute;inset:0 0 0 0;width:0;height:100%;background-color:rgba(0,255,195,.15);z-index:1;transition:width 3s linear}.btn:hover{background-color:#00a383;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.btn:active{transform:scale(.98);box-shadow:0 2px 6px rgba(0,0,0,.2)}.btn:focus-visible{outline:2px solid var(--neon-color);outline-offset:3px}.static-text,.loading,.check,.word{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;font-size:1rem;pointer-events:none}.static-text{color:#fff}.word{top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap}.word span{display:inline-block;transform:translateX(100%)scale(.9);transition:transform .5s;box-sizing:border-box}.word .done{color:#fff;transform:translateX(0)scale(1)}.loading{display:none}.loading i{display:none}.check{display:none;font-size:1.5rem;color:#fff;transform:scale(0);opacity:0;z-index:4}.btn.active::before{width:100%}.btn.active .static-text{display:none}.btn.active .loading{display:flex}.btn.active .word{display:flex}.btn.finished .loading,.btn.finished .word{display:none}.btn.finished .check{display:flex;animation:scale .5s ease-out forwards}

/* FOOTER */
.footer-layout{display:flex;justify-content:space-between;align-items:flex-start;gap:4rem;max-width:1100px;margin:0 auto;padding:4rem 0 3rem;position:relative}.footer-left,.footer-center{padding-top:.3rem}.footer-left{flex:1;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:.6rem}.footer-brand{display:flex;align-items:center;gap:.75rem;margin:0 0 .5rem}.footer-logo{width:50px;height:50px;object-fit:contain}.footer-links-group{margin:0}.footer-heading{font-size:.85rem;font-weight:700;color:var(--text-color);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .3rem}.footer-links{display:flex;flex-direction:column;gap:.3rem}.footer-links a{color:var(--text-color);text-decoration:none;font-size:.9rem;transition:color .3s}.footer-links a:hover{color:#38bdf8}.social-icons{display:flex;gap:1rem;margin:.75rem 0 0}.social-icons .contact-icon{font-size:1.4rem;color:#fff;text-decoration:none;transition:transform .3s}.social-icons .contact-icon:hover i{transform:scale(1.1);animation:glitch .25s infinite}.footer-catch{font-family:var(--font-alt);font-size:.9rem;color:var(--text-color);letter-spacing:.04em;margin:1.25rem 0 0;opacity:.9}.footer-catch .catch-brace{color:var(--primary-color)}.footer-copyright{font-size:.78rem;color:var(--text-color);opacity:.7;margin:.6rem 0 0}.footer-center{flex:1;display:flex;justify-content:flex-start;align-items:flex-start}.map-wrapper{display:flex;justify-content:flex-start;align-items:flex-start;width:100%}.map-container{width:85%;max-width:260px;border-radius:var(--border-radius);overflow:hidden;position:relative;background:#0f172a;box-shadow:0 0 15px rgba(0,255,195,.08);margin:0}.map-image{width:100%;height:auto;display:block;border-radius:var(--border-radius)}.map-ping{position:absolute;top:53%;left:49%;width:80px;height:80px;background:rgba(16,185,129,.35);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 15px rgba(16,185,129,.4);animation:ping-big 2s infinite}.map-badge{position:absolute;top:.75rem;left:.75rem;display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .65rem;font-size:.7rem;color:#cbd5e1;background:#1e293b;border:1px solid #435378;border-radius:9999px;z-index:2}.map-badge i{font-size:.8rem;color:#38bdf8}.scroll-to-top{position:absolute;bottom:.5rem;left:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center}.triangle-up{width:1.5rem;height:1.5rem;border:0;background:0 0;cursor:pointer;transition:transform .3s}.triangle-up::before{content:"";position:absolute;top:50%;left:50%;width:.8rem;height:.8rem;border-top:2.5px solid #00eeff;border-left:2.5px solid #00eeff;transform:translate(-50%,-50%)rotate(45deg)}.triangle-up:hover{transform:translateY(-3px)}
}

@media (min-width: 1920px) {
/* SKILLS GRID */
.center-container{display:flex;justify-content:center;align-items:center;height:30vh;width:100%;margin:-5rem auto 0;padding-bottom:1.875rem}
}