:root{--bg:#f6f5f3;--primary:#2d2a32;--accent:#e07a5f;--secondary:#3d405b;--highlight:#81b29a;--font-main:"Inter","Montserrat","sans-serif"}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{background:#f6f5f3;background:var(--bg);color:#2d2a32;color:var(--primary);font-family:Inter,Montserrat,"sans-serif";font-family:var(--font-main);margin:0}body,html{overflow-x:hidden}.portfolio-container{background:#fff;border-radius:0;box-shadow:none;display:flex;flex-direction:column;margin:0;min-height:100vh;overflow:hidden;width:100vw}.portfolio-header{background:#e07a5f;background:var(--accent);color:#fff;padding:2.625rem 1.96875rem 1.3125rem;text-align:center}.portfolio-header h1{font-size:3.28125rem;letter-spacing:1px;margin:0 0 .5rem}.portfolio-header p{font-size:2rem;line-height:1.5}.portfolio-nav{background:#3d405b;background:var(--secondary);display:flex;gap:2.625rem;justify-content:center;padding:.984375rem 0}.portfolio-nav a{color:#fff;font-size:1.3125rem;font-weight:500;text-decoration:none;transition:color .2s}.portfolio-nav a:hover{color:#81b29a;color:var(--highlight)}main{flex:1 1;padding:2.625rem 13.125vw}.portfolio-section{margin-bottom:3.28125rem}.portfolio-section h2{color:#e07a5f;color:var(--accent);font-size:1.96875rem;margin-bottom:1.3125rem}.portfolio-section ul{list-style:none;padding:0}.portfolio-section li{background:#81b29a;background:var(--highlight);border-radius:19.6875px;color:#2d2a32;color:var(--primary);display:inline-block;font-size:1.3125rem;margin:.328125rem .65625rem .328125rem 0;padding:.65625rem 1.3125rem}.project-card{background:#f6f5f3;background:var(--bg);border:1px solid #81b29a;border:1px solid var(--highlight);border-radius:19.6875px;box-shadow:0 2.625px 10.5px #2d2a320a;margin-bottom:1.3125rem;padding:1.3125rem}.project-card h3{color:#3d405b;color:var(--secondary);font-size:1.96875rem;margin-top:0}.portfolio-footer{align-items:center;background:#3d405b;background:var(--secondary);color:#fff;display:flex;flex-direction:row;font-size:1.2421875rem;gap:1.2rem;justify-content:center;padding:1.3125rem 0;text-align:center}.portfolio-footer .icons{align-items:center;display:flex;gap:1rem}.portfolio-footer .icon{color:#fff;font-size:2rem;transition:color .2s;vertical-align:middle}.portfolio-footer .icon:hover{color:#81b29a;color:var(--highlight)}.contact-form{background:#f6f5f3;background:var(--bg);border-radius:19.6875px;box-shadow:0 2.625px 10.5px #2d2a320a;color:#2d2a32;color:var(--primary);font-size:1.3125rem;max-width:787.5px;padding:3.28125rem;width:100%}.contact-form ul{margin:0;padding:0}.contact-form ul li{border-radius:13.125px;clear:both;display:block;list-style:none;margin:0 0 29.53125px;overflow:hidden;padding:0;position:relative}.contact-form ul li.half{clear:none;float:left;margin-left:5%;width:47.5%}.contact-form ul li.half:first-child{margin-left:0}.contact-form input[type=email],.contact-form input[type=text]{background:#81b29a;background:var(--highlight);border:1px solid #81b29a;border:1px solid var(--highlight);border-radius:13.125px;box-sizing:border-box;color:#2d2a32;color:var(--primary);font-size:1.3125rem;height:78.75px;padding:0 26.25px;transition:border .2s;width:100%}.contact-form input[type=email]:focus,.contact-form input[type=text]:focus{border:1.96875px solid #e07a5f;border:1.96875px solid var(--accent);outline:none}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#3d405b;color:var(--secondary);opacity:.8}.contact-form textarea{background:#81b29a;background:var(--highlight);border:1px solid #81b29a;border:1px solid var(--highlight);border-radius:13.125px;box-sizing:border-box;color:#2d2a32;color:var(--primary);font-family:Inter,Montserrat,"sans-serif";font-family:var(--font-main);font-size:1.3125rem;margin-bottom:0;min-height:295.3125px;padding:26.25px;resize:vertical;transition:border .2s;width:100%}.contact-form textarea:focus{border:1.96875px solid #e07a5f;border:1.96875px solid var(--accent);outline:none}.contact-form .uni-button{background:#e07a5f;background:var(--accent);border:none;border-radius:9.84375px;color:#fff;cursor:pointer;font-family:Inter,Montserrat,"sans-serif";font-family:var(--font-main);font-size:1.3125rem;font-weight:500;letter-spacing:1px;margin-top:16.40625px;padding:19.6875px 39.375px;text-decoration:none;transition:background .2s,color .2s}.contact-form .uni-button:hover{background:#3d405b;background:var(--secondary);color:#fff}.contact-form .uni-button:active{background:#81b29a;background:var(--highlight);color:#2d2a32;color:var(--primary)}.portfolio-section p,main p{font-size:1.5rem;line-height:1.7}.stage-cube-cont{height:50px;left:1000px;margin-left:0;overflow:visible;position:absolute;scale:1.3;top:55%;width:50px}.cubespinner{animation-duration:12s;animation-iteration-count:infinite;animation-name:spincube;animation-timing-function:ease-in-out;margin-left:calc(50% - 100px);transform-origin:100px 100px 0;transform-style:preserve-3d}.cubespinner div{align-items:center;background:#fff6;border:1px solid #ccc;box-shadow:0 0 20px 0 #e4e4e4;display:flex;font-size:100px;height:200px;justify-content:center;overflow-x:hidden;position:absolute;text-align:center;width:200px}.cubespinner .face1{color:#dd0031;transform:translateZ(100px)}.cubespinner .face2{color:#f06529;transform:rotateY(90deg) translateZ(100px)}.cubespinner .face3{color:#28a4d9;transform:rotateY(90deg) rotateX(90deg) translateZ(100px)}.cubespinner .face4{color:#5ed4f4;transform:rotateY(180deg) rotate(90deg) translateZ(100px)}.cubespinner .face5{color:#efd81d;transform:rotateY(-90deg) rotate(90deg) translateZ(100px)}.cubespinner .face6{color:#ec4d28;transform:rotateX(-90deg) translateZ(100px)}@keyframes spincube{0%,to{transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}16%{transform:rotateY(-90deg) rotate(90deg)}33%{transform:rotateY(-90deg) rotateX(90deg)}50%{transform:rotateY(-180deg) rotate(90deg)}66%{transform:rotateY(-270deg) rotateX(90deg)}83%{transform:rotateX(90deg)}}@media only screen and (max-width:600px){.stage-cube-cont{height:300px;position:static;scale:.7;width:130%}.portfolio-header h1{font-size:2rem}.portfolio-header p{font-size:1rem}.portfolio-nav{flex-direction:column;gap:.5rem;padding:.5rem 0 .5rem 2rem}.portfolio-nav a{font-size:1rem;padding:.5rem 0}main{padding:1rem 2vw}.portfolio-section h2{font-size:1.2rem}.portfolio-section li{font-size:1rem;padding:.5rem 1rem}.project-card{padding:1rem}.contact-form{font-size:1rem;left:5%;padding:1rem;position:relative}.contact-form input[type=email],.contact-form input[type=text],.contact-form textarea{font-size:1rem;height:48px;min-height:100px;padding:.5rem 1rem}.contact-form .uni-button{font-size:1rem;margin-top:.5rem;padding:.7rem 1.2rem}.cat-container{background-position:50%!important;background-size:cover!important;height:140px;padding:.5rem}.Character{bottom:10px;transform:scale(10)}.terminal-body{font-size:none!important}:root{--pixel-size:0.5}}@media only screen and (max-width:991px){.stage-cube-cont{height:300px;position:static;scale:.8;width:125%}.contact-form{font-size:1rem;padding:1rem;position:relative;width:auto}.contact-form input[type=email],.contact-form input[type=text],.contact-form textarea{font-size:1rem;height:48px;min-height:100px;padding:.5rem 1rem}}@media only screen and (min-width:1000px){.stage-cube-cont{height:300px;position:static;scale:1.1;top:50px;width:145%}}@media only screen and (min-width:1400px){.stage-cube-cont{height:350px;left:105%;position:absolute;scale:1.2;top:550px;transform:translateX(-50%)}}:root{--pixel-size:2}.cat-container{background:var(--bg);background-image:url(/static/media/park-background.a43d8e4a26fa2abc51a5.png);background-size:contain;border:1px solid var(--highlight);border-radius:19.6875px;box-shadow:0 2.625px 10.5px #2d2a320a;height:200px;margin-bottom:1.3125rem;overflow:hidden;padding:1.3125rem;position:relative}.Character{animation:moveCatLocal 40s linear infinite;background-color:initial;bottom:40px;height:16px;left:0;margin:0;overflow:hidden;position:absolute;transform:scale(8);width:16px;z-index:9999}@keyframes moveCatLocal{0%{left:30px}50%{left:calc(100% - 18px)}to{left:0}}.Character_spritesheet{background-repeat:no-repeat;height:500px;image-rendering:pixelated;overflow:hidden;position:absolute;width:500px}.walk_left{top:-78px;top:calc(-39px*var(--pixel-size))}.walk_left,.walk_right{animation:moveSpritesheet .5s steps(4) infinite;left:-188px;left:calc(-94px*var(--pixel-size))}.walk_right{top:-204px;top:calc(-102px*var(--pixel-size))}.sit_facingleft{top:-48px;top:calc(-24px*var(--pixel-size))}.sit_facingleft,.sit_facingright{animation:moveSpritesheet_sit .3s steps(4) forwards;left:0;left:calc(0px*var(--pixel-size))}.sit_facingright{top:-236px;top:calc(-118px*var(--pixel-size));transform:translateY(20px)}.run_right{left:-312px;left:calc(-156px*var(--pixel-size));top:-202px;top:calc(-101px*var(--pixel-size))}.run_left,.run_right{animation:moveSpritesheet_run2 .5s steps(4) infinite}.run_left{left:-314px;left:calc(-157px*var(--pixel-size));top:-76px;top:calc(-38px*var(--pixel-size))}.lookaround_left{top:-48px;top:calc(-24px*var(--pixel-size))}.lookaround_left,.lookaround_right{animation:lookaround 1s steps(4) infinite;animation-direction:alternate;left:-62px;left:calc(-31px*var(--pixel-size))}.lookaround_right{top:-236px;top:calc(-118px*var(--pixel-size))}@keyframes lookaround{0%{transform:translateZ(0)}75%{transform:translate3d(-62px,0,0)}75.01%{transform:translate3d(.12px,-15.65px,0)}to{transform:translate3d(.12px,-15.65px,0)}}@keyframes moveSpritesheet_run2{0%{transform:translateZ(0)}50%{transform:translate3d(-62px,0,0)}50.01%{transform:translate3d(0,-16px,0)}to{transform:translate3d(-62px,-16px,0)}}@keyframes moveSpritesheet_sit{0%{transform:translateZ(0)}99%{transform:translate3d(-62px,0,0)}to{transform:translate3d(-16px,-15px,0)}}@keyframes moveSpritesheet{0%{transform:translateZ(0)}to{transform:translate3d(-62px,0,0)}}.contact-terminal-row{align-items:flex-start;display:flex;gap:2rem;justify-content:flex-start}.contact-form{flex:1 1 60%;min-width:320px}.terminal-console{background:#18181b;border-radius:13px;box-shadow:0 2px 10px #2d2a3214;color:#d1d5db;display:flex;flex:1 1 40%;flex-direction:column;font-family:Fira Mono,Consolas,monospace;height:350px;margin-top:0;max-width:400px;min-width:260px}.terminal-header{background:#23232b;border-top-left-radius:13px;border-top-right-radius:13px;color:#81b29a;font-size:1.1rem;font-weight:700;letter-spacing:1px;padding:.8rem 1.2rem}.terminal-body{-ms-overflow-style:none;flex:1 1;font-size:1rem;overflow-y:scroll;padding:1.2rem;scrollbar-width:none;white-space:pre-wrap}@media (max-width:900px){.contact-terminal-row{flex-direction:column}.terminal-console{margin-top:2rem;max-width:100%;width:100%}}
/*# sourceMappingURL=main.d628f793.css.map*/