.invert{filter:invert(1)}*{box-sizing:border-box;margin:0;padding:0}.Galaxy,.Sakura{font-family:Varela,sans-serif!important}.Newspaper{font-family:Courier Prime,monospace!important}:root{--textColor:#fff;--accentColor:#fff;--bgColor:#0a0a0ae6;--secondaryColor:#1a1a1b;--overLine:#0a0a0a;--elBg:#d3d3d3;--selectedEl:#ffffff1a;--projectIconBg:#fff;--filterImage:invert(0)}.background{background-position:50%;background-size:cover;height:100vh;left:0;overflow:hidden;position:absolute;top:0;width:100vw;z-index:-10}.App{align-items:center;height:100vh;overflow:hidden;padding:40px;position:relative;width:100vw}.App,nav{background-color:#0a0a0a;background-color:var(--overLine);display:flex;justify-content:center}nav{gap:10px;height:5px;left:calc(50% - 200px);position:absolute;top:40px;width:400px;z-index:15}nav a{align-items:center;border:1px solid #0000;color:#fff;color:var(--accentColor);display:flex;font-size:1.1rem;font-weight:600;justify-content:center;text-decoration:none;transition:all .2s;width:80px}nav a:hover{transform:translateY(5px)}.quick-links{align-items:center;background-color:#0a0a0a;background-color:var(--overLine);gap:10px;height:200px;left:40px;padding:25px 0;position:absolute;top:calc(50% - 100px);width:5px;z-index:10}.content,.quick-links{display:flex;flex-direction:column}.content{background-color:#0a0a0ae6;background-color:var(--bgColor);border:5px solid #fff;border:5px solid var(--accentColor);height:100%;overflow-y:scroll;position:relative;scroll-behavior:smooth;scroll-snap-type:y proximity;width:100%}.content::-webkit-scrollbar{display:none}.invert-icon{filter:invert(1)!important}#about,#contact,#home,#projects{color:#fff;color:var(--textColor);flex-shrink:0;height:100%;padding:30px;width:100%}.about-content a{color:#fff;color:var(--accentColor)}.quick-links img{height:40px;transition:all .2s;width:40px}.quick-links img:hover{border:1px solid #fff;box-shadow:4px 4px 0 1px #fff;transform:translateX(-5px) translateY(-5px);transition:all .2s}.bottom-nav-button,.top-nav-button{align-items:center;background-color:#0a0a0a;background-color:var(--overLine);border:none;color:#fff;color:var(--textColor);cursor:pointer;display:flex;flex-direction:column;font-weight:bolder;gap:10px;height:200px;justify-content:center;padding:25px 0;position:absolute;right:40px;text-orientation:upright;transition:all .1s;width:5px;writing-mode:vertical-lr;z-index:10}.bottom-nav-button:hover,.top-nav-button:hover{color:#fff;color:var(--accentColor);text-shadow:1px 1px 1px #1a1a1b;text-shadow:1px 1px 1px var(--secondaryColor);transition:all .1s;width:10px}.top-nav-button{top:15%}.bottom-nav-button{bottom:15%}.left-text{left:0}.left-text,.right-text{position:absolute;top:0}.right-text{right:0}.japanese-text{color:#fff;color:var(--accentColor);font-family:Rampart One,sans-serif;font-size:3rem;font-weight:700}.text-container{align-items:flex-start;display:flex;filter:blur(3px);height:100vh;justify-content:space-between;justify-content:center;overflow:hidden;width:30px}.looping-text{align-items:center;animation:loopText 75s linear infinite;display:flex;flex-direction:column;justify-content:flex-start;transform:translateY(0)}.looping-text span{display:block;margin-bottom:10px}.dot{background-color:#fff;background-color:var(--accentColor);border-radius:50%;height:8px;margin:0 5px;width:8px}@keyframes loopText{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@media (max-width:500px){nav{display:none}.quick-links{align-items:center;flex-direction:row;height:50px;justify-content:center;left:calc(50% - 75px);top:20px;width:150px}.content{border:none;padding:15px}#home{flex-direction:column!important;height:100vh;padding:0}#home .left{text-align:center;width:100%}#home .left h1{font-size:2rem}#home .left h2{font-size:1.5rem}#home .right{align-items:center;flex-direction:column;width:100%}#home .right .theme{width:100%}#about{flex-direction:column;height:auto!important;padding:0}.about-page{display:flex;flex-direction:column!important;width:100%}.about-section{height:auto!important;width:100%!important}#contact{flex-direction:column;padding:0;width:100%}#contact .minigame-container{display:none}#contact .contact-form,#contact .contacts{width:100%}.contacts .links{align-items:center;justify-content:center;width:100%}.contact-form form{width:100%!important}}.home-page,.home-page .left{display:flex;height:100%}.home-page .left{flex-direction:column;gap:15px;justify-content:center;padding-left:5%;width:50%;z-index:5}.scroll-down-button{background-color:initial;border:none;bottom:25px;left:calc(50% - 75px);position:absolute;width:150px}.scroll-down-button div{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center}.scroll-down-button img{height:50px;width:50px}.home-page h1{font-size:60px}.home-page h2{font-size:30px}.home-page .right{display:flex;flex-direction:row-reverse;height:100%;position:relative;width:50%;z-index:5}.home-page .themes{align-items:flex-end;display:flex;flex-direction:column;gap:15px;height:100%;justify-content:center;width:300px}.home-page .right .theme{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid var(--accentColor);color:#fff;cursor:pointer;display:flex;height:100px;overflow:hidden;padding-left:15px;transition:all .2s;width:10px}.home-page .right .theme:hover{background-size:150%;transition:all .2s;width:300px}.home-page .right .theme h2{text-shadow:2px 2px 3px #0009}.sky{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%}.moon{background-color:#fff;border-radius:50%;box-shadow:0 0 50px #fff9;height:80px;left:80%;top:50px;transition:transform .2s ease-out;width:80px}.moon,.stars{position:absolute}.stars{height:100%;left:0;top:0;width:100%}.star{animation:twinkle 5s ease-in-out infinite;background-color:var(--accentColor);border-radius:50%;height:2px;opacity:.5;position:absolute;width:2px}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:.8}}.petals-container{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.petal{animation:fall 10s linear infinite,float 5s ease-in-out infinite;background-image:url(https://github.com/Stefan0712/portfolio/blob/a8769713de89fbd1e75d59884d6d69bf4c4f1f28/public/assets/petal.png?raw=true);background-repeat:no-repeat;background-size:contain;height:30px;opacity:.8;position:absolute;width:30px}@keyframes fall{0%{opacity:1;top:-30px}to{opacity:0;top:100vh}}@keyframes float{0%{transform:translateX(0) rotate(0deg)}50%{transform:translateX(20px) rotate(45deg)}to{transform:translateX(-20px) rotate(-45deg)}}.about-page{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.about-section{border:3px solid var(--accentColor);height:60%;width:40%}.about-section.top-section{height:30%!important}.about-section .header{align-items:center;background-color:var(--accentColor);color:var(--bgColor);display:flex;font-weight:700;height:30px;padding-left:15px;width:100%}.about-section .about-content{padding:10px}.languages{flex-direction:column;margin-top:10px}.language,.languages{display:flex;width:100%}.language{align-items:center;gap:10px}.language-name{width:25%}.language-graph{align-items:center;display:flex;gap:5px;width:50%}.language-graph .line{background-color:var(--accentColor);border-radius:1px;height:5px;width:25px}.language-level{width:25%}.courses{gap:10px}.course,.courses{display:flex;flex-direction:column}.course{gap:5px;width:90%}.course-meta{display:flex;gap:25px;opacity:.5}.course-meta p:first-child{width:150px}.project .full-row{margin-bottom:25px}.project-description{margin-bottom:20px}.technologies{display:flex;filter:invert(100%);gap:10px;margin:30px 0}.technologies img{background-color:var(--elBg);border-radius:5px;height:60px;padding:5px;width:60px}.technology{align-items:center;display:flex;flex-direction:column;position:relative}.technology .icon-name{background-color:var(--accentColor);bottom:-25px;color:var(--bgColor);height:20px;opacity:0;padding:0 5px;position:absolute;transition:all .1s;white-space:nowrap;width:auto}.technology:hover .icon-name{filter:invert(1);opacity:1;transition:all .1s}.components{background-color:var(--bgColor);border:1px solid rgba(70,69,69,.164);border-radius:5px;display:flex;height:500px;justify-content:space-between;margin-bottom:25px;margin-top:15px;width:100%}.components .components-list{align-items:center;border-right:1px solid rgba(70,69,69,.164);display:flex;flex-direction:column;width:20%}.components .components-list button{align-items:center;background-color:initial;border:none;color:var(--textColor);display:flex;flex-grow:1;font-size:1.1rem;font-weight:500;height:auto;max-height:70px;padding-left:20px;text-align:start;width:100%}.components .components-list .selected-component{background-color:var(--selectedEl)}.components .component-description{height:100%;overflow-y:auto;padding:10px 15px;width:45%}.commits-container{padding:15px 5px;width:90%}.commits-container h3{margin-bottom:15px}.components .component-description::-webkit-scrollbar{background-color:initial}.components .component-description::-webkit-scrollbar-thumb{background-color:var(--bgColor);border:1px solid #dddddd1a;width:5px}.components .component-description h4{margin-top:5px}.snippet{border:1px solid var(--accentColor);border-top:#0000;height:400px;margin-bottom:20px;width:100%}.snippet-code::-webkit-scrollbar{background-color:initial}.snippet-code::-webkit-scrollbar-thumb{background-color:var(--secondaryColor);border:1px solid #dddddd1a;border-radius:5px;width:5px}.snippet-header{align-items:center;background-color:var(--secondaryColor);display:flex;gap:10px;height:40px;width:100%}.snippet-header p{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;padding:0 10px}.snippet-code,.snippet-header .selected-snipper-header{background-color:var(--bgColor)}.snippet-code{height:calc(100% - 40px);overflow:auto;padding:10px}.updates .issues,.updates .plans{display:flex;flex-direction:column;gap:5px;padding:5px}.updates h3{align-items:center;display:flex;height:40px;padding-left:10px}.projects-page{display:grid;grid-template-columns:1fr 4fr;overflow:hidden;scroll-snap-align:start;scroll-snap-type:proximity}.side-navigation{border-right:3px solid var(--accentColor);justify-content:space-between;padding:25px 0}.project-buttons,.side-navigation{align-items:center;display:flex;flex-direction:column}.project-buttons{height:70%;width:100%}.project-buttons h2{margin-bottom:30px}.project-buttons button{align-items:center;background-color:initial;border:1px solid #0000;color:var(--textColor);cursor:pointer;display:flex;font-size:1.2rem;max-height:60px;min-height:40px;padding:0 10px;text-align:start;width:100%}.project-buttons button:hover{background-color:var(--bgColor)}.selected-page-button{background-color:var(--selectedEl)!important;color:var(--bgColor)}.project-content{height:100%;overflow:auto;overscroll-behavior:contain;padding:10px 15px;width:100%}.project-content::-webkit-scrollbar{background-color:initial}.project-content::-webkit-scrollbar-thumb{background-color:var(--accentColor)}.colored-icon{filter:invert(1)!important}.full-row{align-items:center;gap:20px;padding:0 15px}.commits,.full-row{display:flex;width:100%}.commits{flex-direction:column;gap:10px;height:100%}.commits .commit{border-bottom:1px solid #dddddd1a;gap:20px;padding-bottom:10px;width:100%}.commit .date,.commits .commit{align-items:center;display:flex}.commit .date{flex-direction:column}.github-button{align-items:center;background-color:var(--bgColor);color:var(--textColor);display:flex;gap:10px;height:50px;margin-left:auto;margin-right:25px;padding:5px 10px;text-decoration:none;transition:all .1s;width:95%}.github-icon{height:40px;width:40px}.github-button p{font-size:1.1rem;font-weight:500}.github-button:hover{border:1px solid var(--accentColor);box-shadow:4px 4px 0 1px var(--accentColor);transform:translateX(-5px) translateY(-5px);transition:all .2s}.tip-modal img{height:25px;width:25px}.tip-modal{align-self:flex-start;background-color:var(--secondaryColor);display:flex;gap:5px;padding:10px 5px;width:calc(100% - 30px)}.mobile-projects{display:none;flex-direction:column;gap:15px}.mobile-projects .project-techologies-mobile{display:flex;flex-wrap:wrap;gap:5px}.project-techologies-mobile .icon{height:50px;width:50px}.project-techologies-mobile .technology{align-items:center;display:flex;filter:invert(1);flex-direction:column;gap:10px;padding:5px}.mobile-project{border:3px solid var(--accentColor);padding:10px 5px;width:100%}.mobile-project-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px;width:100%}.mobile-project-header h3{width:calc(100% - 100px)}.mobile-project-header a{height:50px;margin-right:5px;width:50px}@media (max-width:500px){#projects{display:flex;flex-direction:column;height:auto;margin-top:50px;padding:0}.projects-page{display:none}.mobile-projects{display:flex;height:auto!important;width:100%!important}.project{display:none}}.Projects_projects__DvB7W{align-items:center;display:flex;gap:20px;height:100%;justify-content:center;position:relative;width:100%}@media (max-width:500px){#Projects_projects__DvB7W{height:auto;margin-top:50px;padding:0}.Projects_projects-page__sBlQb{display:none}.Projects_mobile-projects__Adlts{display:flex;height:auto!important;width:100%!important}.Projects_project__efB8w{display:none!important}}.Projects_project__efB8w{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:40px 1fr}.Projects_project2__Ml88m,.Projects_project__efB8w{border:3px solid var(--accentColor);height:600px;max-height:600px;overflow:hidden;position:relative;transition:all .2s;width:500px}.Projects_project2__Ml88m{display:flex;flex-direction:column}.Projects_project2__Ml88m .Projects_technologies-container__icKJT{flex-direction:row;overflow-x:auto;overflow-y:hidden;width:100%}.Projects_project2__Ml88m .Projects_project-image__Fqv2C{height:calc(100% - 340px);width:100%}.Projects_project2__Ml88m .Projects_project-info__GNgI7{height:300px;overflow-y:auto;width:100%}.Projects_project2__Ml88m .Projects_top__W9Cm1,.Projects_project__efB8w .Projects_top__W9Cm1{align-items:center;background-color:var(--accentColor);color:var(--overLine);display:flex;flex-shrink:0;grid-column:1/3;grid-row:1/2;height:40px;justify-content:space-between;padding-left:10px;padding-right:3px;width:100%}.Projects_project2__Ml88m .Projects_top__W9Cm1 button,.Projects_project__efB8w .Projects_top__W9Cm1 button{align-items:center;background-color:initial;border:#0000;display:flex;height:40px;justify-content:center;width:40px}.Projects_project2__Ml88m .Projects_buttons__tk1w7{flex-direction:row}.Projects_project2__Ml88m .Projects_technology__jouxA{height:40px;width:fit-content}.Projects_project2__Ml88m .Projects_project-button__uKQSf{width:40%}.Projects_project2__Ml88m .Projects_top__W9Cm1 img,.Projects_project__efB8w .Projects_top__W9Cm1 img{filter:invert(1);height:30px;width:30px}.Projects_project-image__Fqv2C{height:100%;width:250px}.Projects_project-button__uKQSf{align-items:center;background-color:var(--overLine);border:1px solid #0000;color:var(--accentColor);display:flex;gap:10px;height:40px;padding:0 10px;text-decoration:none;transition:all .1s;width:100%}.Projects_project-button__uKQSf:hover{background-color:var(--accentColor);border-color:var(--overLine);color:var(--overLine);transition:all .1s}.Projects_project-button__uKQSf:hover img{filter:invert(0)}.Projects_project-button__uKQSf img{filter:var(--filterImage);height:20px;width:20px}.Projects_buttons__tk1w7{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;justify-content:center;margin-top:auto;width:100%}.Projects_project-logo__iBuq5{border-radius:10px;height:50px;width:50px}.Projects_project-info__GNgI7{background-color:var(--accentColor);color:var(--overLine);display:flex;flex-direction:column;gap:10px;padding:10px;width:100%}.Projects_technologies-container__icKJT{display:flex;flex-wrap:wrap;gap:10px;overflow-x:hidden;overflow-y:auto;width:100%}.Projects_image-bg__-eT-5{align-items:center;background-color:#000;border-radius:5px;display:flex;height:40px;justify-content:center;width:40px}.Projects_technology-icon__6MiaN{filter:invert(1);height:30px;width:30px}.Projects_technology__jouxA{align-items:center;display:flex;gap:15px;height:40px;padding:0 10px;width:100%}.minigame-container{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}.minigame{height:75%;width:100%}.minigame,.quiz-button{border:1px solid var(--accentColor);color:var(--textColor)}.quiz-button{background-color:initial;cursor:pointer;height:50px;width:200px}.quiz-button:hover{border:1px solid var(--accentColor);box-shadow:2px 2px 0 1px var(--accentColor);transform:translateX(-2px) translateY(-2px);transition:all .2s}.minigame .header{align-items:center;background-color:var(--accentColor);color:var(--bgColor);display:flex;font-size:1.3rem;font-weight:bolder;height:50px;padding-left:10px;width:100%}.minigame .game{height:calc(100% - 50px);width:100%}.minigame .start-screen{gap:25px}.game-started,.minigame .start-screen{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.game-started{gap:20px}.game-started .score{align-items:center;display:flex;font-size:1.5rem;font-weight:700;gap:10px;height:40px;justify-content:center;width:100%}.game-started .question-container{align-items:center;background-color:var(--secondaryColor);color:var(--accentColor);display:flex;gap:5px;height:25%;justify-content:center;padding:15px 10px;width:90%}.game-started .answers-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:50px;margin-top:auto;width:100%}.score .wrong-score{color:red}.score .correct-score{color:green}.answers-container button{color:var(--textColor);cursor:pointer;font-size:1.2rem;font-weight:500;height:75px;width:40%}.correct-answer{animation:pulse-green .5s infinite;border:1px solid green}.wrong-answer{animation:pulse-red .5s infinite;border:1px solid red}.correct-answer:hover{animation:pulse-green .5s infinite;border:1px solid green;box-shadow:2px 2px 0 1px green}.wrong-answer:hover{animation:pulse-red .5s infinite;border:1px solid red;box-shadow:2px 2px 0 1px red}@keyframes pulse-green{0%{border:1px solid green}50%{border:1px solid var(--accentColor)}to{border:1px solid green}}@keyframes pulse-red{0%{border:1px solid red!important}50%{border:1px solid var(--accentColor)!important}to{border:1px solid red!important}}.finished-game{align-items:center;display:flex;flex-direction:column;gap:10px;height:100%;justify-content:center;width:100%}#contact{display:flex}.contacts,.minigame-container{height:100%;width:50%}.contacts{align-items:center;display:flex;flex-direction:column;justify-content:center}.contacts .links{display:flex;gap:20px}.contacts .links a{align-items:center;background-color:initial;color:var(--textColor);display:flex;font-size:1.1rem;font-weight:500;gap:10px;height:50px;justify-content:center;padding:5px 10px;text-decoration:none;transition:all .1s;width:50px}.contacts .links a:hover{border:1px solid var(--accentColor);box-shadow:4px 4px 0 1px var(--accentColor);transform:translateX(-5px) translateY(-5px);transition:all .2s}.contacts .links img{height:40px;width:40px}.contact-form{align-items:center;justify-content:center;width:100%}.contact-form,.contact-form form{display:flex;flex-direction:column}.contact-form form{gap:10px;padding:30px 10px;width:50%}.contact-form form fieldset{border:none;display:flex;flex-direction:column;gap:5px}.contact-form form fieldset input,.contact-form form fieldset textarea{background-color:initial;border:1px solid var(--accentColor);color:var(--accentColor);height:40px;padding-left:10px;transition:all .1s}.contact-form form fieldset input:focus,.contact-form form fieldset textarea:focus{border:var(--accentColor);transition:all .1s}.contact-form form .contact-form-submit-button{background-color:initial;border:1px solid var(--accentColor);color:var(--textColor);font-size:1.1rem;font-weight:500;height:40px;margin-top:20px;transition:all .1s}.light-theme .icon{filter:invert(1)}.contact-form form .contact-form-submit-button:hover{border:1px solid #fff;box-shadow:4px 4px 0 1px #fff;transform:translateX(-5px) translateY(-5px);transition:all .2s}
/*# sourceMappingURL=main.94bec0a2.css.map*/