*{margin:0;padding:0;font-family:courier,"Lato",sans-serif}html{width:100%;height:100%;line-height:1.2;scroll-behavior:smooth}body{background-color:#333;color:#c8c8c8;margin:0;padding:0}body{-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar{display:none}a{color:#2e8b57;text-decoration:none}h1,h2.div-heading,h3,h4,h5,h6{margin:0 0 35px;text-transform:uppercase;letter-spacing:1.5px}p{margin:0 0 25px;font-size:18px}a:hover,a:focus,a:active{outline:0}.img{max-width:180px;height:auto}.center{margin:0 auto}.text-center{text-align:center}section{padding:100px}section h2.section-heading{color:#2e8b57;text-align:center;margin-top:0;margin-bottom:15px;font-size:50px;font-weight:300;line-height:1;letter-spacing:-1px}[id]{scroll-margin-top:64px}*{scrollbar-width:auto;scrollbar-color:#c8c8c8 #2a2d2f}*::-webkit-scrollbar{width:0}*::-webkit-scrollbar-track{background:#292929}*::-webkit-scrollbar-thumb{background-color:#c8c8c8;border-radius:0;border:0 ridge #fff}header{position:fixed;top:0;width:100%;height:50px;z-index:9;background-color:#2a2d2f}.nav{overflow:hidden;background-color:#2a2d2f;position:fixed;top:0;width:100%}.nav a{float:left;display:block;color:#f2f2f2;text-align:center;padding:14px 16px;text-decoration:none;font-size:17px}.nav a:hover{background-color:#ddd;color:black}.nav a.active{background-color:#2e8b57;color:white}.nav .icon{display:none}@media screen and (max-width:600px){.nav a:not(:first-child){display:none}.nav a.icon{float:right;display:block}}@media screen and (max-width:600px){.nav.responsive{position:relative}.nav.responsive .icon{position:absolute;right:0;top:0}.nav.responsive a{float:none;display:block;text-align:left}}.logo{color:#eaeaea;font-size:20px;height:30px;width:150px;position:absolute;left:20px;top:15px;z-index:10;text-transform:capitalize}.menuBtn{height:30px;width:30px;position:absolute;right:20px;top:10px;z-index:10}.menuBtn>span{background-color:#eaeaea;border-radius:1px;height:2px;width:100%;position:absolute;left:50%;top:50%;margin:-1px 0 0 -15px;transition:height 100ms}.menuBtn>span:after,.menuBtn>span:before{content:'';background-color:#eaeaea;border-radius:1px;height:2px;width:100%;position:absolute;left:50%;margin-left:-15px;transition:all 200ms}.menuBtn>span:after{top:-7px}.menuBtn>span:before{bottom:-7px}.menuBtn.open>span{height:0}.menuBtn.open>span:after,.menuBtn.open>span:before{background-color:#2e8b57;top:1px}.menuBtn.open>span:after{transform:rotate(45deg)}.menuBtn.open>span:before{transform:rotate(-45deg)}.mainMenu{overflow:hidden;background-color:#222;position:fixed;top:0;width:100%;left:0;top:0;z-index:9;height:100%;width:100%;display:table;text-align:center;opacity:0;transition:all 500ms cubic-bezier(0.68,-0.55,0.265,1.55);transform:scale(0)}.mainMenu.open{opacity:1;transform:scale(1)}.mainMenu.open ul li{opacity:1;transform:translateX(0)}.mainMenu ol,ul{list-style:none}.mainMenu ul{display:table-cell;vertical-align:middle}.mainMenu li{padding:8px 0;transition:all 400ms 510ms;opacity:0}.mainMenu li:nth-child(odd){transform:translateX(30%)}.mainMenu li:nth-child(even){transform:translateX(-30%)}.mainMenu li:last-child{transform:none}.mainMenu a{color:#2e8b57;display:inline-block;font-size:18px}.mainMenu a:hover{color:#eaeaea !important}.mainMenu a.active{background-color:#2e8b57;color:#eaeaea}.mainMenu a.suBtn{color:#eaeaea}.suBtn{background-color:#2e8b57;border-radius:5px;padding:10px 20px}.heart{color:red}.section-container{padding-top:clamp(4vh,6vh,8vh)}.wrapper{width:auto;display:flex;justify-content:center;align-items:center;font-family:monospace;font-size:28px}.effect-wrapper{text-align:center;font-weight:normal}#typed{font-weight:bold;color:#00bdff}.cursor{display:inline-block;background-color:#b0ff95;animation:blinker 800ms infinite}@media(prefers-reduced-motion:reduce){.cursor{animation:none}}.cursor.typing-true{animation:none}@keyframes blinker{0%{background-color:#00aeff}50%{background-color:transparent}100%{background-color:#00aeff}}.btn{color:#2e8b57;background-color:#eaeaea;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;border:0;cursor:pointer}.btn:hover{background-color:#2e8b57;color:#fff;transition-duration:.5s;outline:0}.intro{background:#2e8b57;background-position:center;background-repeat:no-repeat;display:table;width:100%;max-height:100vh;margin-top:-18px;padding:clamp(16vh,28vh,35vh) 0;text-align:center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.intro .intro-text{margin-top:-30px;font-size:23px;font-weight:700px;color:#eaeaea}.intro a{color:#00bdff}@media(min-width:769px){.intro .intro-body .intro-heading{font-size:80px}.intro .intro-body .intro-text{font-size:23px}section h2.section-heading{font-size:55px}p{margin:0 0 35px;font-size:20px;line-height:1.6}}@media(max-width:768px){.intro .intro-body .intro-heading{font-size:60px}.intro .intro-body .intro-text{font-size:18px}section h2.section-heading{font-size:35px}section{padding:100px 0;margin:auto}}@media(max-width:360px){.intro .intro-body .intro-heading{font-size:45px}.intro .intro-body .intro-text{font-size:18px}}#about{margin-top:clamp(10vh,18vh,30vh);min-height:100vh;font-size:1.6rem;align-items:center;display:flex;flex-direction:column;justify-content:space-around}.about{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;max-width:90vw}@media(max-width:700px){.about{flex-direction:column}}.about-img{width:30vw;max-width:400px;max-height:400px}.about-img img{border-radius:50%}@media(max-width:700px){.about-img{width:90vw}.about-img img{border-radius:50%}}.about-text{width:60vw}@media(max-width:700px){.about-text{width:90vw}}.about .meJPG{height:auto;width:clamp(140px,26vw,240px);display:block;margin-left:auto;margin-right:auto}@media(max-width:700px){.about .meJPG{width:clamp(120px,40vw,220px)}}.about .who{font-weight:300;font-size:22px;letter-spacing:.5px;margin:0;padding-top:20px;font-weight:bold;text-align:center}.about .info{font-weight:300;font-size:20px;letter-spacing:.5px;margin:0;padding-top:20px;font-weight:bold;text-align:center}.about .info-addition{font-weight:300;font-size:18px;letter-spacing:.5px;margin:0;padding-top:0;font-weight:bold;text-align:center}.about .where{font-weight:300;font-size:19px;letter-spacing:.5px;margin:0;font-weight:bold;text-align:center}.about .what{vertical-align:middle;font-size:40px;margin:-5px 0;color:#b74e3d;text-align:center;padding:10px}.about .weird{font-weight:900;margin:0;font-size:14px;text-align:center;letter-spacing:3.9px}.about .joke{margin:0;font-size:15px;text-align:center;letter-spacing:3.9px;font-weight:100}#projects{margin-top:clamp(10vh,18vh,30vh);min-height:100vh;align-items:center;display:flex;flex-direction:column;justify-content:space-around}.project-filter{width:80%;margin:0 auto}.project-filter ul{display:flex;flex-wrap:wrap;justify-content:center}.project-filter ul li{list-style:none;background:#96f1ff;color:#111 !important;padding:8px 20px;margin:5px;border-radius:5px;letter-spacing:1px;cursor:pointer}.project-filter ul li.active{background:#00bdff;color:#fff !important}.project-container .container{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;align-items:stretch}.project-container .container .card{position:relative;width:100%;min-height:380px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.2);border-radius:15px;display:flex;justify-content:center;align-items:center}.project-container .container .card .card-title{color:#fff;letter-spacing:2px;font-size:30px;font-weight:bold;text-align:center;margin:20px 0 15px;line-height:1.1em;transition:.5s;transition-delay:.6s;transform:translateY(-20px)}.project-container .container .card .card-title span{font-size:20px;font-weight:300;text-transform:initial}.project-container .container .card .card-content{color:#fff;position:absolute;bottom:-100%;width:100%;min-height:70%;display:flex;justify-content:center;align-items:center;z-index:3;flex-direction:column;backdrop-filter:blur(15px);box-shadow:0 -10px 10px rgba(0,0,0,0.1);border:1px solid rgba(255,255,255,0.1);border-radius:15px;transition:bottom .5s;transition-delay:.65s}.project-container .container .card:hover .card-content{bottom:0;transition-delay:0s}@media(hover:none) and (pointer:coarse){.project-container .container .card .card-content{bottom:0}}.project-container .container .card .card-content .card-description{padding:20px;text-align:center}.project-container .container .card .card-content .card-links{position:relative;display:flex;padding-top:10px}.project-container .container .card .card-content .card-links li{list-style:none;margin:0 10px;transform:translateY(40px);transition:.5s;opacity:0;transition-delay:calc(0.2s * var(--i))}.project-container .container .card:hover .card-content .card-links li{transform:translateY(0);opacity:1}.project-container .container .card .card-content .card-links li a{color:white;font-size:24px}a:hover[href="https://youtube.com/@Repulzer"]{color:#ff6961 !important}a:hover[href="https://twitter.com/saltyyAT"]{color:#00bdff !important}a:hover[href*="https://gitlab.com/Saltyy"]{color:#ffa500 !important}a:hover[href="https://x.com/saltyyAT"]{color:#00bdff !important}a:hover[href="https://pixl.saltyy.at"]{color:#00bdff !important}a:hover[href="https://riven.saltyy.at"]{color:#00bdff !important}a:hover[href="https://abyss.saltyy.at"]{color:#00bdff !important}#experience{margin-top:clamp(10vh,18vh,30vh);min-height:100vh;font-size:1.6rem;align-items:center;display:flex;flex-direction:column;justify-content:space-around}.experience{width:80vw;max-height:80vh;margin:auto;overflow-y:auto;position:relative;z-index:1;overflow-x:hidden;display:flex;box-shadow:0 0 0 8px rgba(255,255,255,0.2)}.card-project-container{position:relative;flex:1;display:flex;padding-top:10px;flex-direction:column}.experience-content{padding:20px}.card-desc{line-height:1.6;color:#636b6f;font-size:14px;margin:0;font-weight:400}.experience-timeline{margin-top:30px;position:relative}.experience-timeline:after{background:linear-gradient(to top,rgba(134,214,243,0) 0,#2e8b57 100%);content:"";left:42px;width:2px;top:0;height:100%;position:absolute;content:""}.experience-item{position:relative;padding-left:60px;padding-right:20px;padding-bottom:30px;z-index:1}.experience-item:last-child{padding-bottom:5px}.experience-item:after{content:attr(data-year);width:10px;position:absolute;top:0;left:37px;width:8px;height:8px;line-height:.6;border:2px solid #fff;font-size:11px;text-indent:-35px;border-radius:50%;color:rgba(134,134,134,0.7);background:linear-gradient(to bottom,#a0aee3 0,#2e8b57 100%)}.experience-item-title{font-weight:500;font-size:18px;margin-bottom:5px}.experience-item-desc{font-size:14px;color:#6f6f7b;line-height:1.5}#footer{padding:50px 50px 10px 50px}.lead{text-align:center}#contact{padding:150px 50px 120px 50px}.social{text-align:center;margin:0;padding:0}.social ul{margin:0;padding:5px}.social ul li{margin:5px;list-style:none outside none;display:inline-block}.social ul li a{color:#2e8b57}.social a{cursor:pointer;margin-right:3px}.social a:hover{color:#2e8b57}.social a:hover[href="https://twitter.com/saltyyAT"]{color:#00bdff !important}.social a:hover[href="https://gitlab.com/Saltyy"]{color:#ffa500 !important}.social a:hover[href="https://github.com/Repulzer"]{color:#fff !important}.social a:hover[href="https://x.com/saltyyAT"]{color:#00bdff !important}.social a:hover[href="https://g.dev/saltyy"]{color:#00bdff !important}.social a:hover[href="https://www.youtube.com/channel/UC9FZEONjdDe70nkdPq7sgxw/about"]{color:#00bdff !important}.social a:hover[href="mailto:andi@saltyy.at?Subject=Contact"]{color:#00bdff !important}@media(max-width:880px){.footer .footer-content{display:block;width:100%;text-align:center}.footer .footer-content i{margin-left:0}}.timeline{isolation:isolate;text-align:initial !important}.timeline .timeline-item,.timeline .timeline-item.left,.timeline .timeline-item.right,.timeline .timeline-card,.timeline .timeline-date{float:none !important;position:relative !important;left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;margin-left:0 !important;margin-right:0 !important;transform:none !important;clear:none !important}.timeline-section{margin-top:clamp(10vh,18vh,30vh)}.timeline{--line:#2e8b57;--bg:#2a2d2f;--accent:#6ea8fe;position:relative;display:grid !important;grid-auto-rows:auto;row-gap:48px;max-width:1100px;width:min(1100px,92vw);margin:40px auto 80px;padding:10px 12px}.timeline::before{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:3px;background:linear-gradient(180deg,rgba(110,168,254,.0),rgba(110,168,254,.9),rgba(110,168,254,.0));border-radius:2px;pointer-events:none}.timeline-item{display:grid !important;grid-template-columns:1fr 28px 1fr;column-gap:28px;align-items:start}.timeline-date{grid-column:2 / 3;justify-self:center;align-self:start;z-index:2;pointer-events:none;padding:6px 12px;background:#12141a;color:#e6e7eb;border:1px solid rgba(110,168,254,.35);border-radius:999px;font-weight:600;font-size:.9rem;white-space:nowrap;box-shadow:0 2px 10px rgba(0,0,0,.18)}@media(prefers-color-scheme:light){.timeline-date{background:#fff;color:#111314}}.timeline-date::before{content:"";position:absolute;top:-12px;left:50%;transform:translateX(-50%);width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(110,168,254,.18)}.timeline-item.left .timeline-card{grid-column:1 / 2}.timeline-item.right .timeline-card{grid-column:3 / 4}.timeline-card{width:auto !important;max-width:none !important;background:var(--bg);color:#e8e8e8;border-radius:14px;padding:18px;box-shadow:0 8px 22px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.06);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.timeline-card:hover{transform:translateY(-2px);border-color:rgba(110,168,254,.45);box-shadow:0 16px 28px rgba(0,0,0,.30)}@media(prefers-color-scheme:light){.timeline-card{background:#fff;box-shadow:0 10px 24px rgba(40,40,40,.10);color:#222}}.timeline-title{font-size:20px;margin:0 0 8px;letter-spacing:1px;text-transform:none}.timeline-title .sub{font-weight:400;font-size:14px;margin-left:6px;color:#9aa0a6}.timeline-meta{display:flex;gap:8px;margin:6px 0 10px;flex-wrap:wrap}.meta-pill{font-size:12px;padding:6px 10px;border-radius:999px;background:rgba(110,168,254,.14);border:1px solid rgba(110,168,254,.35);color:#e6e7eb}.timeline-desc{font-size:15px;line-height:1.6;color:#c8c8c8}.timeline-links{display:flex;gap:10px;margin:10px 0 0;padding:0;list-style:none;flex-wrap:wrap}.timeline-links a{color:#e8e8e8;font-size:14px;padding:8px 12px;border-radius:10px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.12);font-weight:600}.timeline-links a:hover{background:rgba(46,139,87,0.15);color:#fff;border-color:rgba(110,168,254,.35)}@supports(-webkit-touch-callout:none){.timeline,.timeline *{-webkit-transform:translateZ(0)}}@media(max-width:900px){.timeline{padding:0 12px !important;width:100% !important;max-width:100% !important;row-gap:24px !important}.timeline::before{left:24px !important;transform:none !important;width:3px !important}.timeline-item{grid-template-columns:24px 18px minmax(0,1fr) !important;column-gap:12px !important;align-items:start !important;width:100% !important;margin:0 0 20px 0 !important;padding:0 !important;text-align:left !important;min-width:0 !important}.timeline-item::before{content:"" !important;grid-column:1 / 3 !important;justify-self:end !important;align-self:start !important;width:18px !important;height:2px !important;background:var(--line,#2e8b57) !important;margin-top:12px !important}.timeline-date{grid-column:3 / 4 !important;position:static !important;transform:none !important;margin:0 0 8px 0 !important;white-space:nowrap !important;display:inline-block !important;z-index:2 !important;background:var(--bg,#2a2d2f) !important;padding:4px 10px !important;border-radius:999px !important;border:1px solid rgba(255,255,255,.10) !important}.timeline-date::before{display:none !important}.timeline-card{grid-column:3 / 4 !important;justify-self:start !important;width:100% !important;max-width:calc(100% - 14px) !important;margin:0 !important;padding:12px 14px !important;border-radius:12px !important;box-sizing:border-box !important;box-shadow:0 6px 16px rgba(0,0,0,.25) !important}.timeline-title{font-size:clamp(.98rem,2.6vw,1.05rem) !important;margin-bottom:4px !important}.timeline-desc{font-size:.95rem !important;line-height:1.45 !important;margin:6px 0 10px !important}.meta-pill{padding:4px 8px !important;font-size:.75rem !important;margin-bottom:6px !important}.timeline-links{gap:8px !important}.timeline-links a{padding:6px 10px !important;font-size:.85rem !important;border-radius:8px !important}}@media(max-width:420px){.timeline{row-gap:20px !important;padding:0 10px !important}.timeline::before{left:16px !important}.timeline-item{grid-template-columns:16px 14px minmax(0,1fr) !important;column-gap:10px !important}.timeline-date{font-size:.82rem !important;padding:4px 8px !important}.timeline-card{max-width:calc(100% - 12px) !important;padding:10px 12px !important;border-radius:10px !important;box-shadow:0 4px 12px rgba(0,0,0,.22) !important}.timeline-title{font-size:.95rem !important}.timeline-desc{font-size:.9rem !important}.timeline-links{gap:6px !important}.timeline-links a{padding:5px 9px !important;font-size:.82rem !important}}@media(min-width:1100px){.timeline-card{max-width:520px !important}}.release-contact{padding:120px 50px 100px 50px}.timeline-card *{min-width:0}.timeline-card{overflow-wrap:anywhere}.timeline-date.is-continued{display:none !important}@media(min-width:901px){.timeline-item{grid-template-columns:1fr 36px 1fr !important;column-gap:32px !important}.timeline-item.right .timeline-card{margin-left:10px !important}.timeline-item.left .timeline-card{margin-right:10px !important}}