.home-container{position:relative;height:100%;display:flex;flex-direction:column;align-items:center}.whoami-container{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;gap:2rem 0}.skills-container{height:100%;position:relative;display:flex;flex-direction:column;align-items:center;gap:2rem 0}@media (max-width: 768px){.skills-container{gap:1rem 0}}.skills-container .skills-panel{display:flex;flex-direction:column;margin:0 100px;overflow-y:scroll;flex:1;min-height:0;max-height:100%}@media (max-width: 768px){.skills-container .skills-panel{margin:0 20px}}.skills-container .skills-panel .skills-subcontainer{border:none;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 100px;text-align:left;transition:opacity .5s ease-in-out;display:flex;flex-direction:row;align-items:center;gap:0 50px;color:#ebebeb;font-family:Arcadepix,sans-serif;font-size:18px;line-height:28px}@media (max-width: 768px){.skills-container .skills-panel .skills-subcontainer{flex-direction:column;gap:1rem 0;padding:0 20px;font-size:16px;line-height:24px;text-align:center}}.skills-container .skills-panel .skills-subcontainer.text-right{text-align:right}@media (max-width: 768px){.skills-container .skills-panel .skills-subcontainer.text-right{text-align:center}}@media (max-width: 768px){.skills-container .skills-panel .skills-subcontainer.text-right img{order:-1}}.skills-container .skills-panel .skills-subcontainer span{flex-grow:1}.skills-container .skills-panel .skills-subcontainer img{width:400px}@media (max-width: 768px){.skills-container .skills-panel .skills-subcontainer img{width:100%;max-width:300px}}.somerefs-container{height:100%;position:relative;display:flex;flex-direction:column;align-items:center}.somerefs-container .somerefs-section{display:flex;flex-direction:row;gap:0 50px;align-items:center;justify-content:center;margin-top:50px}@media (max-width: 768px){.somerefs-container .somerefs-section{width:100vw;overflow-x:auto;overflow-y:hidden;gap:0;margin-top:20px;padding:0;box-sizing:border-box;justify-content:flex-start;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.somerefs-container .somerefs-section::-webkit-scrollbar{display:none}}@media (max-width: 768px){.somerefs-container .somerefs-section .ref-character{flex:0 0 100vw;display:flex;justify-content:center;align-items:center;scroll-snap-align:start;height:100%}}.somerefs-container .somerefs-section img{height:300px;opacity:.5;transition:opacity .5s ease-in-out}@media (max-width: 768px){.somerefs-container .somerefs-section img{height:100%;width:auto;max-width:80%;opacity:1;object-fit:contain}}.somerefs-container .somerefs-section img:hover{cursor:pointer;opacity:1}.somerefs-container .somerefs-section img.selected{height:500px;opacity:1}@media (max-width: 768px){.somerefs-container .somerefs-section img.selected{height:auto;max-height:250px}}.somerefs-container .goBack{position:absolute;right:100px;bottom:10px;border:none;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (max-width: 768px){.somerefs-container .goBack{right:20px;bottom:0;z-index:1}}.somerefs-container .goBack img{filter:invert(1);width:100px}@media (max-width: 768px){.somerefs-container .goBack img{width:60px}}@media (max-width: 768px){.somerefs-container .ref-character-description{position:absolute;bottom:1rem;left:1rem;right:1rem;height:50%}}.somerefs-container .frame-container{position:relative;padding:40px 0;overflow:hidden;width:700px;height:400px;margin-top:-165px;display:flex;flex-direction:column}@media (max-width: 768px){.somerefs-container .frame-container{width:100%;height:85%;margin-top:0;padding:10px 0}}.somerefs-container .frame-container:before{content:"";background:#14587a80;position:absolute;top:15px;left:20px;width:calc(100% - 40px);height:calc(100% - 30px)}.somerefs-container .frame-container .frame-top,.somerefs-container .frame-container .frame-bottom{position:absolute;left:0;width:100%;background-repeat:no-repeat;background-size:cover;background-position:center;bottom:0;height:103px}.somerefs-container .frame-container .frame-top{top:0;background-image:url(/top-frame.png)}.somerefs-container .frame-container .frame-bottom{bottom:0;background-image:url(/bottom-frame.png)}.somerefs-container .frame-container .frame-content{position:relative;color:#d4d4d4;overflow-y:scroll;margin:25px 70px 20px 75px;flex-grow:1;z-index:1;font-family:Arcadepix,sans-serif}@media (max-width: 768px){.somerefs-container .frame-container .frame-content{margin:15px 30px 10px 35px}}.somerefs-container .frame-container .frame-content h2{margin-top:0;margin-bottom:0;font-size:32px;position:sticky;top:0;background:#14587a;font-family:Arcadepix,sans-serif;text-transform:uppercase;padding:10px}@media (max-width: 768px){.somerefs-container .frame-container .frame-content h2{font-size:24px;padding:8px}}.somerefs-container .frame-container .frame-content .description{padding:20px;line-height:24px}@media (max-width: 768px){.somerefs-container .frame-container .frame-content .description{padding:15px;line-height:20px;font-size:14px}}.contact-form{display:flex;flex-direction:column;gap:1.5rem;max-width:500px;margin:2rem auto;padding:2rem;background:#0d496355;border:3px solid #072938;font-family:Arcadepix,sans-serif}@media (max-width: 768px){.contact-form{max-width:90%;padding:1.5rem;gap:1rem;margin:1rem}}.contact-form input,.contact-form textarea{background:#14587a;border:2px solid #072938;color:#e0e0e0;padding:12px 16px;font-family:Arcadepix,sans-serif;font-size:14px;outline:none;transition:border-color .3s ease}@media (max-width: 768px){.contact-form input,.contact-form textarea{padding:10px 12px;font-size:12px}}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#a0a0a0}.contact-form input:focus,.contact-form textarea:focus{border-color:#ffd787}.contact-form textarea{min-height:120px;resize:vertical}@media (max-width: 768px){.contact-form textarea{min-height:100px}}.contact-form button{background:#ffd787;border:2px solid #072938;color:#072938;padding:12px 24px;font-family:Arcadepix,sans-serif;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}@media (max-width: 768px){.contact-form button{padding:10px 20px;font-size:14px}}.contact-form button:hover{background:#072938;color:#ffd787}.email-sent{background:#0d4963;border:3px solid #072938;color:#ffd787;padding:2rem;text-align:center;font-family:Arcadepix,sans-serif;font-size:18px;max-width:400px;margin:2rem auto}@media (max-width: 768px){.email-sent{max-width:75%;padding:1.5rem;font-size:16px;margin:1rem auto}}body{margin:0;padding:0;font-family:sans-serif}.parallax-container{position:relative;width:100vw;height:100vh;overflow:hidden}.parallax-container .scrolldownindicator{position:absolute;display:flex;flex-direction:row;bottom:10px;left:50%;margin-left:-100px;text-align:center;color:#fff;height:90px;width:200px;justify-content:center;font-size:12px;font-style:italic;font-family:Arcadepix,sans-serif}@media (max-width: 768px){.parallax-container .scrolldownindicator{width:150px;margin-left:-75px;font-size:10px}}.parallax-container .scrolldownindicator img{filter:invert(1);width:42px;margin:0 auto}@media (max-width: 768px){.parallax-container .scrolldownindicator img{width:32px}}.parallax-layer{position:absolute;top:0;left:0;height:100%;width:500vw;background-size:auto 100%;background-repeat:repeat-x;transition:transform 1.5s ease-in-out,filter 1.5s ease-in-out;will-change:transform;pointer-events:none;z-index:0}.parallax-layer:first-of-type{filter:brightness(1)}.content{position:relative;display:flex;width:400vw;height:100%;z-index:1;transition:transform 1s ease-in-out}.content h1{margin:20px auto 0;padding:0;color:#bebebe;font-size:50px;width:400px;text-align:center}@media (max-width: 768px){.content h1{font-size:32px;width:90%}}.section{flex:0 0 100vw;padding:4rem 0;background:#00000080;color:#fff;text-align:center}@media (max-width: 768px){.section{padding:2rem 0}}.section img.section-logo{width:200px;margin-top:-25px}@media (max-width: 768px){.section img.section-logo{width:150px;margin-top:-15px}}@keyframes bouncePulse{0%,to{transform:translateY(0);animation-timing-function:ease-in}50%{transform:translateY(-10px);animation-timing-function:ease-out}}.bouncing-layer{position:absolute;bottom:0;animation:bouncePulse 1.5s infinite}.content-dialog{background:url(/frame.png) no-repeat center;background-size:auto 100%;width:800px;height:400px;position:relative;color:#c8c8c8;box-sizing:border-box;padding:90px 180px;text-align:center;overflow-y:hidden;font-family:Arcadepix,sans-serif}.content-dialog:before{content:"";position:absolute;background:#14587a80;width:600px;height:310px;left:100px;top:40px;z-index:-1}@media (max-width: 768px){.content-dialog{width:95%;height:auto;min-height:400px;padding:60px 30px;background-size:100% 100%;margin:0 auto}.content-dialog:before{width:calc(100% - 20px);height:calc(100% - 80px);left:10px;top:40px}}@media (max-width: 480px){.content-dialog{width:90%;padding:63px 48px 46px;min-height:350px;margin-top:50px}.content-dialog:before{width:calc(100% - 20px);height:calc(100% - 60px);left:10px;top:30px}}.content-dialog p{padding:0;margin:0 0 15px;line-height:24px}@media (max-width: 768px){.content-dialog p{line-height:20px;font-size:14px}}.content-dialog .highlight{color:#b92828}.content-invisible-dialog{text-align:left;width:80%;margin:0 auto;padding:20px;display:flex;flex-direction:row;gap:0 5rem;font-family:Arcadepix,sans-serif;line-height:20px;flex:1;min-height:0;max-height:100%;overflow:hidden}@media (max-width: 768px){.content-invisible-dialog{flex-direction:column;gap:1rem 0;width:calc(100% - 2rem);padding:10px 0}}.content-invisible-dialog img{height:100%;aspect-ratio:1;opacity:.75;object-fit:cover}@media (max-width: 768px){.content-invisible-dialog img{height:200px;align-self:center}}.content-invisible-dialog .text{flex-grow:1;padding:0 3rem 0 0;overflow-y:scroll;color:#e0e0e0}@media (max-width: 768px){.content-invisible-dialog .text{padding:0 1rem;flex:1;min-height:0}}.content-invisible-dialog .text .highlight{color:#ffd787}.content-invisible-dialog .text p{padding:0;margin:0 0 20px}.scrolloutindicator{position:absolute;right:50px;padding:10px;top:80px;background:#0d4963;border:5px solid #072938;font-family:Arcadepix,sans-serif;font-size:14px;width:260px;display:flex;flex-direction:row;align-items:center;gap:0}@media (max-width: 768px){.scrolloutindicator{right:10px;width:200px;font-size:12px;padding:8px;top:60px}}.scrolloutindicator img{height:42px;width:42px}@media (max-width: 768px){.scrolloutindicator img{height:32px;width:32px}}.scrolloutindicator p{margin:0;padding:0;line-height:24px}@media (max-width: 768px){.scrolloutindicator p{line-height:18px}}.under-construction{width:400px;margin:0 auto;word-break:break-all;filter:grayscale(100%)}@media (max-width: 768px){.under-construction{width:90%;font-size:14px}}@font-face{font-family:Arcadepix;src:url(/arcadepi.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Thick Pixel;src:url(/thickpixel.ttf) format("truetype");font-weight:400;font-style:normal}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#1e1e2f;border:2px solid #3d2b47;image-rendering:pixelated}::-webkit-scrollbar-thumb{background:repeating-linear-gradient(to bottom,#fc0,#fc0 2px,#b37b00 2px,#b37b00 4px);border:2px solid #3d2b47;image-rendering:pixelated}::-webkit-scrollbar-thumb:hover{background:repeating-linear-gradient(to bottom,gold,gold 2px,#a97400 2px,#a97400 4px)}::-webkit-scrollbar-corner{background:transparent}