body{margin:0;overflow:hidden;background:#000;color:#fff;font-family:'Gill Sans','Gill Sans MT',Calibri,'Trebuchet MS',sans-serif;height:100vh;width:100vw;position:relative;perspective:1000px}.aboutMe p{font-size:16px;color:#fff;margin:3}h1,h2,h3,p{text-align:center}.scroll-container{position:absolute;width:calc(100vw * 5);height:100%;margin:0;display:flex;flex-direction:row;align-items:stretch}.space-panda-container{position:absolute;bottom:30%;left:10%;width:200px;transform:translateX(-50%);animation:float 3s ease-in-out infinite;z-index:10}.space-panda-container img{width:100%}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.section,.sub-section{position:relative;width:100vw;height:100%;padding:10px;color:#fff;flex-shrink:0;display:inline-block;vertical-align:top}.section.section-1,.sub-section.section-1-1,.sub-section.section-1-2{background:linear-gradient(to bottom,#1E90FF 60%,#1ca11c 60%);position:relative}.sub-section.section-1-3{background-color:#020026;color:#B2B2B2;position:relative}.sub-section.section-1-4{background:linear-gradient(to bottom,#020026 60%,grey 60%)}.sub-section.section-1-5{background:linear-gradient(to bottom,#020026 60%,grey 60%)}.sub-section.section-1-6{background:linear-gradient(to bottom,#020026 60%,grey 60%)}.sun{position:absolute;top:5%;left:90%;width:150px;height:150px;background:radial-gradient(circle,#FFD700 20%,#FFA500);border-radius:50%;box-shadow:0 0 50px rgb(255 223 0 / .8);z-index:4}.sun-beams{position:absolute;top:0%;left:85%;width:200px;height:200px;background:radial-gradient(circle,rgb(255 215 0 / .3) 0%,#fff0 70%);border-radius:50%;filter:blur(10px);z-index:3}.star-1{position:relative;background-color:#FFFDFD;top:50px;left:-10px;width:5px;height:5px;border-radius:50%;box-shadow:0 0 1px 1px #FFFDFD,-70px 150px 1px 0 #FFFDFD,290px 150px 1px -1px #0F00BF,-90px 100px 1px -1px #0C5DCC,270px 10px 1px .11px #FFFDFD,390px 80px 1px -.6px #0C5DCC,-30px 120px 3px -1px #0F00BF;animation:pulsate 5s ease;animation-iteration-count:infinite}.star-2{position:absolute;background-color:#FF0;top:100px;left:-60px;width:5px;height:5px;border-radius:50%;box-shadow:0 0 5px 1px #FFFF00,-99px 30px 1px .09px #FFFF00,355px 30px .5px 1px #FFFF00,400px -30px 1px -1px #FFFF00,400px 90px 1px -1px #FFFF00,-50px -30px 1px -1px #FF0;animation:pulsate 7s ease;animation-iteration-count:infinite}.star-yellow{width:150px;aspect-ratio:1;position:absolute;background:#F8CA00;clip-path:polygon(50% 0,calc(50%*(1 + sin(.4turn))) calc(50%*(1 - cos(.4turn))),calc(50%*(1 - sin(.2turn))) calc(50%*(1 - cos(.2turn))),calc(50%*(1 + sin(.2turn))) calc(50%*(1 - cos(.2turn))),calc(50%*(1 - sin(.4turn))) calc(50%*(1 - cos(.4turn))))}.star-orange{width:150px;aspect-ratio:1;background:#f85b00;clip-path:polygon(50% 0,calc(50%*(1 + sin(.4turn))) calc(50%*(1 - cos(.4turn))),calc(50%*(1 - sin(.2turn))) calc(50%*(1 - cos(.2turn))),calc(50%*(1 + sin(.2turn))) calc(50%*(1 - cos(.2turn))),calc(50%*(1 - sin(.4turn))) calc(50%*(1 - cos(.4turn))))}.star-magenta{width:150px;aspect-ratio:1;background:#c000d2;clip-path:polygon(50% 0,calc(50%*(1 + sin(.4turn))) calc(50%*(1 - cos(.4turn))),calc(50%*(1 - sin(.2turn))) calc(50%*(1 - cos(.2turn))),calc(50%*(1 + sin(.2turn))) calc(50%*(1 - cos(.2turn))),calc(50%*(1 - sin(.4turn))) calc(50%*(1 - cos(.4turn))))}.star-blue{width:150px;aspect-ratio:1;background:#37c6ff;clip-path:polygon(50% 0,calc(50%*(1 + sin(.4turn))) calc(50%*(1 - cos(.4turn))),calc(50%*(1 - sin(.2turn))) calc(50%*(1 - cos(.2turn))),calc(50%*(1 + sin(.2turn))) calc(50%*(1 - cos(.2turn))),calc(50%*(1 - sin(.4turn))) calc(50%*(1 - cos(.4turn))))}.star-green{width:150px;aspect-ratio:1;background:#37ff80;clip-path:polygon(50% 0,calc(50%*(1 + sin(.4turn))) calc(50%*(1 - cos(.4turn))),calc(50%*(1 - sin(.2turn))) calc(50%*(1 - cos(.2turn))),calc(50%*(1 + sin(.2turn))) calc(50%*(1 - cos(.2turn))),calc(50%*(1 - sin(.4turn))) calc(50%*(1 - cos(.4turn))))}.star-yellow-small{width:30px;aspect-ratio:1;position:absolute;background:#F8CA00;clip-path:polygon(50% 0,calc(50%*(1 + sin(.4turn))) calc(50%*(1 - cos(.4turn))),calc(50%*(1 - sin(.2turn))) calc(50%*(1 - cos(.2turn))),calc(50%*(1 + sin(.2turn))) calc(50%*(1 - cos(.2turn))),calc(50%*(1 - sin(.4turn))) calc(50%*(1 - cos(.4turn))))}.star-orange-small{width:30px;aspect-ratio:1;background:#f85b00;clip-path:polygon(50% 0,calc(50%*(1 + sin(.4turn))) calc(50%*(1 - cos(.4turn))),calc(50%*(1 - sin(.2turn))) calc(50%*(1 - cos(.2turn))),calc(50%*(1 + sin(.2turn))) calc(50%*(1 - cos(.2turn))),calc(50%*(1 - sin(.4turn))) calc(50%*(1 - cos(.4turn))))}.star-magenta-small{width:30px;aspect-ratio:1;background:#c000d2;clip-path:polygon(50% 0,calc(50%*(1 + sin(.4turn))) calc(50%*(1 - cos(.4turn))),calc(50%*(1 - sin(.2turn))) calc(50%*(1 - cos(.2turn))),calc(50%*(1 + sin(.2turn))) calc(50%*(1 - cos(.2turn))),calc(50%*(1 - sin(.4turn))) calc(50%*(1 - cos(.4turn))))}.star-blue-small{width:30px;aspect-ratio:1;background:#37c6ff;clip-path:polygon(50% 0,calc(50%*(1 + sin(.4turn))) calc(50%*(1 - cos(.4turn))),calc(50%*(1 - sin(.2turn))) calc(50%*(1 - cos(.2turn))),calc(50%*(1 + sin(.2turn))) calc(50%*(1 - cos(.2turn))),calc(50%*(1 - sin(.4turn))) calc(50%*(1 - cos(.4turn))))}.star-green-small{width:30px;aspect-ratio:1;background:#37ff80;clip-path:polygon(50% 0,calc(50%*(1 + sin(.4turn))) calc(50%*(1 - cos(.4turn))),calc(50%*(1 - sin(.2turn))) calc(50%*(1 - cos(.2turn))),calc(50%*(1 + sin(.2turn))) calc(50%*(1 - cos(.2turn))),calc(50%*(1 - sin(.4turn))) calc(50%*(1 - cos(.4turn))))}@keyframes flicker{0%,100%{opacity:1}50%{opacity:.5}}@keyframes flicker{0%,100%{opacity:1}50%{opacity:.5}}.star-yellow,.star-orange,.star-magenta,.star-blue,.star-green{animation:flicker 3s infinite;position:absolute;cursor:pointer;z-index:2}.star-yellow-beams,.star-orange-beams,.star-magenta-beams,.star-blue-beams,.star-green-beams{position:absolute;width:200px;height:200px;border-radius:50%;filter:blur(10px);pointer-events:none;z-index:1;opacity:0;transition:opacity 1s ease-in-out}.star-yellow-beams{background:radial-gradient(circle,rgb(248 202 0 / .5) 0%,#fff0 70%)}.star-orange-beams{background:radial-gradient(circle,rgb(248 91 0 / .5) 0%,#fff0 70%)}.star-magenta-beams{background:radial-gradient(circle,rgb(192 0 210 / .5) 0%,#fff0 70%)}.star-blue-beams{background:radial-gradient(circle,rgb(55 198 255 / .5) 0%,#fff0 70%)}.star-green-beams{background:radial-gradient(circle,rgb(55 255 128 / .5) 0%,#fff0 70%)}.moon{background-color:currentColor;position:relative;left:40%;width:250px;height:250px;border-radius:50%;box-shadow:5px 0 10px 3px rgb(229 229 229 / .3),0 0 10px 2px rgb(229 229 229 / .3),5px 0 10px 3px rgb(229 229 229 / .3),0 0 3px 2px rgb(229 229 229 / .3);top:150px;left:0;right:0;bottom:0;margin:auto}.moon::after{content:"";background-color:rgb(162 162 162 / .81);display:block;position:absolute;left:160px;top:50px;width:40px;height:40px;border-radius:50%;box-shadow:3px 0 0 1px rgb(98 98 98 / .51),7px 45px 0 -5px rgb(162 162 162 / .9),9px 45px 0 -5px rgb(100 100 100 / .51),35px 20px 0 -10px rgb(162 162 162 / .9),37px 20px 0 -10px rgb(100 100 100 / .51)}@keyframes pulsate{0%{opacity:0}50%{opacity:1}100%{opacity:0}}.rocket-container{position:absolute;right:120px;top:40%;transform:translateY(-50%);transition:transform 1s ease-in-out;z-index:10}.rocket{position:absolute;top:20%;width:80px;left:calc(50% - 60px);.rocket-body{width:80px;left:calc(50% - 50px);animation:bounce 0.5s infinite;.body{background-color:lightgrey;height:180px;left:calc(50% - 50px);border-top-right-radius:100%;border-top-left-radius:100%;border-bottom-left-radius:50%;border-bottom-right-radius:50%;border-top:5px solid #fff}&:before{content:'';position:absolute;left:calc(50% - 24px);width:48px;height:13px;background-color:darkgrey;bottom:-13px;border-bottom-right-radius:60%;border-bottom-left-radius:60%}}.window{position:absolute;width:40px;height:40px;border-radius:100%;background-color:darkred;left:calc(50% - 25px);top:40px;border:5px solid grey}.fin{position:absolute;z-index:-100;height:55px;width:50px;background-color:darkred}.fin-left{left:-30px;top:calc(100% - 55px);border-top-left-radius:80%;border-bottom-left-radius:20%}.fin-right{right:-30px;top:calc(100% - 55px);border-top-right-radius:80%;border-bottom-right-radius:20%}.exhaust-flame{position:absolute;top:90%;width:28px;background:linear-gradient(to bottom,transparent 10%,white 100%);height:150px;left:calc(50% - 14px);animation:exhaust 0.2s infinite}.exhaust-fumes li{width:60px;height:60px;background-color:#fff;list-style:none;position:absolute;border-radius:100%;&:first-child{width:200px;height:200px;bottom:-300px;animation:fumes 5s infinite}&:nth-child(2){width:150px;height:150px;left:-120px;top:260px;animation:fumes 3.2s infinite}&:nth-child(3){width:120px;height:120px;left:-40px;top:330px;animation:fumes 3s 1s infinite}&:nth-child(4){width:100px;height:100px;left:-170px;animation:fumes 4s 2s infinite;top:380px}&:nth-child(5){width:130px;height:130px;left:-120px;top:350px;animation:fumes 5s infinite}&:nth-child(6){width:200px;height:200px;left:-60px;top:280px;animation:fumes2 10s infinite}&:nth-child(7){width:100px;height:100px;left:-100px;top:320px}&:nth-child(8){width:110px;height:110px;left:70px;top:340px}&:nth-child(9){width:90px;height:90px;left:200px;top:380px;animation:fumes 20s infinite}}}.star li{list-style:none;position:absolute;&:before,&:after{content:'';position:absolute;background-color:#fff}&:before{width:10px;height:2px;border-radius:50%}&:after{height:8px;width:2px;left:4px;top:-3px}&:first-child{top:-30px;left:-210px;animation:twinkle 0.4s infinite}&:nth-child(2){top:0;left:60px;animation:twinkle 0.5s infinite;&:before{height:1px;width:5px}&:after{width:1px;height:5px;top:-2px;left:2px}}&:nth-child(3){left:120px;top:220px;animation:twinkle 1s infinite}&:nth-child(4){left:-100px;top:200px;animation:twinkle 0.5s ease infinite}&:nth-child(5){left:170px;top:100px;animation:twinkle 0.4s ease infinite}&:nth-child(6){top:87px;left:-79px;animation:twinkle 0.2s infinite;&:before{height:1px;width:5px}&:after{width:1px;height:5px;top:-2px;left:2px}}}@keyframes fumes{50%{transform:scale(1.5);background-color:#fff0}51%{transform:scale(.8)}100%{background-color:#fff;transform:scale(1)}}@keyframes bounce{0%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-4px,0)}100%{transform:translate3d(0,0,0)}}@keyframes exhaust{0%{background:linear-gradient(to bottom,transparent 10%,white 100%)}50%{background:linear-gradient(to bottom,transparent 8%,white 100%)}75%{background:linear-gradient(to bottom,transparent 12%,white 100%)}}@keyframes fumes2{50%{transform:scale(1.1)}}@keyframes exhaust{0%,100%{background:linear-gradient(to bottom,transparent 10%,white 100%)}50%{background:linear-gradient(to bottom,transparent 8%,white 100%)}}@keyframes fumes{50%{transform:scale(1.5);background-color:#fff0}51%{transform:scale(.8)}100%{background-color:#fff;transform:scale(1)}}@keyframes bounce{0%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-4px,0)}100%{transform:translate3d(0,0,0)}}@keyframes fumes2{50%{transform:scale(1.1)}}.flag{position:absolute;left:10px;top:0;width:0;height:200px;box-shadow:0 0 1px rgb(0 0 0 / .5);overflow:hidden;transition:width 2s ease-in-out;z-index:4}.bosnia{background-color:#001e96}.bosnia__triangle{position:absolute;top:-72%;left:35%;border:142px solid #fff0;border-left-color:#ffcc01;transform:rotate(-45deg);z-index:10}.bosnia__star__wrapper{z-index:10;filter:drop-shadow(25px 25px #fff) drop-shadow(25px 25px #fff) drop-shadow(25px 25px #fff) drop-shadow(25px 25px #fff) drop-shadow(25px 25px #fff) drop-shadow(25px 25px #fff) drop-shadow(25px 25px #fff) drop-shadow(25px 25px #fff)}.bosnia__star__wrapper>.star{z-index:10;width:35px;height:35px;margin:-20px 0;background-color:#fff;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.flagpole{width:10px;height:0;left:10%;bottom:35%;background:linear-gradient(to right,#8b9093 60%,#9ba0a2 60%);position:absolute;transition:height 2s ease-in-out;z-index:4}.hidden{visibility:hidden}.flagpole.visible,.flag.visible{visibility:visible}@keyframes growFlower{0%{bottom:-100%;opacity:0;z-index:4}50%{bottom:-50%;opacity:1;z-index:4}100%{bottom:20%;opacity:1;z-index:4}}.daffodil-flower{position:absolute;left:75%;bottom:-100%;width:100px;height:auto;opacity:0;animation:none;transition:opacity 1s ease-out}.daffodil-flower.mirrored{transform:scaleX(-1);left:72%}.film-strip{--s:9px;--c:#222;width:calc(20*var(--s));aspect-ratio:1.25;background:conic-gradient(at 50% var(--s),var(--c) 75%,#0000 0) 0 0/calc(2*var(--s)) calc(100% - var(--s)) padding-box;border:var(--s) solid var(--c);padding:calc(var(--s)*2.5) calc(var(--s)*1.5);box-sizing:inherit;margin:5%;filter:sepia(1) brightness(.9) grayscale(.2);position:relative;overflow:hidden}.gif-overlay{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:scale-down;z-index:1}*,*:before,*:after{box-sizing:content-box}*:before,*:after{content:"";position:absolute}.book{width:140px;height:210px;transform:translate(-50%,-50%);margin-top:-22%;margin-left:38%;background:#f3c408;border-radius:10px 8px 6px 16px;background-image:linear-gradient(to right,#D11F2F 24px,#ba0716 25px,transparent 25px)}.book:after{height:26px;width:137px;bottom:3px;right:0;background:#fff;border-radius:16px 2px 2px 16px;box-shadow:inset 2px 3px 0 0 #E4E0CE;background-image:linear-gradient(to bottom,transparent 3px,#E4E0CE 4px,transparent 4px,transparent 6px,#E4E0CE 6px,transparent 7px,transparent 9px,#E4E0CE 9px,transparent 10px,transparent 12px,#E4E0CE 12px,transparent 13px,transparent 15px,#E4E0CE 15px,transparent 16px,transparent 18px,#E4E0CE 18px,transparent 19px,transparent 21px,#E4E0CE 21px,transparent 22px,transparent 24px,#E4E0CE 24px,transparent 25px)}.book:before{height:10px;width:80px;right:20px;top:36px;background:#D11F2F;border-radius:10px;box-shadow:0 18px #D11F2F}.book img{position:absolute;top:38%;left:58%;transform:translate(-50%,0);width:60%;height:auto;z-index:10}.snes{position:relative;width:300px;height:200px;bottom:30%;left:53%;display:flex;background:none}.controller-left{position:absolute;border-radius:50%;background:#BBC6C9;height:50%;top:25%;left:10%;width:33%}.controller-middle{position:absolute;background:#BBC6C9;top:25%;width:50%;left:25%;height:40%}.controller-right{position:absolute;border-radius:50%;background:#BBC6C9;height:50%;top:25%;right:10%;width:33%}.circle-indent-1{position:absolute;border-radius:50%;background:#C3CCCF;height:50%;width:50%;top:25%;left:25%;z-index:2}.d-pad-1{position:absolute;height:80%;width:25%;left:37.5%;top:10%;background:#393A42;border-radius:5px}.d-pad-2{position:absolute;width:80%;height:25%;top:37.5%;left:10%;background:#393A42;border-radius:5px}.circle-indent-2{position:absolute;border-radius:50%;height:90%;width:90%;top:5%;left:5%;background:#919196;z-index:2}.button-container-1{position:absolute;height:20%;width:60%;top:30%;left:15%;background:#C3CCCF;border-radius:40px;transform:rotate(-40deg)}.button-container-2{position:absolute;height:20%;width:60%;top:50%;left:30%;background:#C3CCCF;border-radius:40px;transform:rotate(-40deg)}.y{position:absolute;border-radius:50%;left:5%;top:10%;height:80%;width:28%;background:#138F6D}.x{position:absolute;border-radius:50%;right:5%;top:10%;height:80%;width:28%;background:#0A53A2}.b{position:absolute;border-radius:50%;left:5%;top:10%;height:80%;width:28%;background:#FEBB5D}.a{position:absolute;border-radius:50%;right:5%;top:10%;height:80%;width:28%;background:#DB3F4F}.select{position:absolute;height:11%;width:16%;bottom:20%;left:32%;background:#393A42;border-radius:40px;transform:rotate(-40deg)}.start{position:absolute;height:11%;width:16%;bottom:20%;left:47%;background:#393A42;border-radius:40px;transform:rotate(-40deg)}.logo-1{position:absolute;top:10%;width:32%;height:30%;left:33%;background:#b4b4b7}.chart-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:100px;height:200px;margin-top:20px;position:relative;z-index:4}.chart-bar{position:absolute;bottom:0;width:40px;background:linear-gradient(to top,#ffe149,#ef0849);border-radius:5px;animation:grow 3s ease-out 5s;animation-delay:5s;animation-iteration-count:infinite}.chart-label{position:relative;font-size:14px;color:#fff;text-align:center;width:100px}@keyframes grow{0%{height:0}100%{height:var(--height)}}#film-strip-chart .chart-bar{height:var(--film-strip-height,60%);left:190%;bottom:10%}#film-strip-chart .chart-label{top:5%;left:160%}#book-chart .chart-bar{height:var(--book-height,100%);bottom:-10%}#book-chart .chart-label{top:25%}#snes-chart .chart-bar{height:var(--snes-height,90%);bottom:5%}#snes-chart .chart-label{top:15%}.film-strip .chart-container{position:relative;top:120%;left:50%;transform:translateX(-50%)}.book .chart-container{position:relative;top:120%;left:50%;transform:translateX(-50%)}.snes .chart-container{position:relative;top:120%;left:50%;transform:translateX(-50%)}.section-1-6{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:150px;height:100%}.section-1-6 h2{font-size:36px;color:#fff;margin:0;text-align:center}.icon-container{display:flex;justify-content:center;align-items:flex-start;gap:50px;flex-wrap:wrap}.icon-group{display:flex;flex-direction:column;align-items:center;text-align:center;gap:100px;margin:0%}.icon-group p{font-size:16px;color:#fff;margin:0}.github,.mobile,.email,.download,.impressum{width:80px;height:80px;display:flex;justify-content:center;align-items:center;border:2px solid #fafbdf;border-radius:50%;background-color:rgb(255 255 255 / .1);transition:transform 0.3s ease,background-color 0.3s ease}.github img,.mobile img,.email img,.download img,.impressum img{max-width:60%;max-height:60%}.github:hover,.mobile:hover,.email:hover,.download:hover,.impressum:hover{transform:scale(1.2);background-color:rgb(255 255 255 / .3)}.visible{opacity:1}.rock-container{position:relative;display:flex;justify-content:space-between;align-items:flex-end;height:100%;z-index:4}.rock{position:relative;opacity:0;transform:scale(.5);transition:opacity 1s ease,transform 1s ease;z-index:4}.rock1{width:550px;bottom:33%;left:75%;z-index:4}.rock2{width:350px;bottom:68%;right:35%;z-index:4}.rock3{width:130px;bottom:74%;right:80%;z-index:3}.keyboard-container{position:relative;top:10%;display:flex;justify-content:center;align-items:center}@keyframes press{0%,100%{transform:translateY(0)}50%{transform:translateY(20px)}}#a{animation:press 2s ease-in;animation-iteration-count:5}#d{animation:press 2s ease-in;animation-delay:1s;animation-iteration-count:5}