@font-face{font-family:Pixellari;src:url(/fonts/Pixellari.woff2) format("woff2"),url(/fonts/Pixellari.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:VT323;src:url(/fonts/VT323-Regular.woff2) format("woff2"),url(/fonts/VT323-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--color-bg: #C5DBA7;--color-accent-pink: #f8a8b5;--color-accent-yellow: #f7f189;--color-device-blue: #4579c2;--color-rock-brown: #c49a6c;--color-base-white: #FAFCF7;--color-base-black: #3b3935;--color-base-bg: #a7d3f7}:root[data-theme=night]{--color-bg: rgb(20, 20, 20);--color-accent-pink: #4B8725;--color-accent-yellow: #527326;--color-device-blue: #8CCD5F;--color-rock-brown: #1958be;--color-base-white: #1A1A1A;--color-base-black: #8CCD5F}h1{font-family:Pixellari,sans-serif;color:var(--color-base-black);font-size:1.5rem}*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%;line-height:1.1;font-weight:400;font-family:Pixellari,sans-serif;color:var(--color-base-black)}#experience{position:fixed;height:100%;width:100%;top:0;left:0;overflow:hidden}#experience-canvas{width:100%;height:100%}.loading-screen{display:flex;justify-content:center;align-items:center;position:fixed;top:50%;left:50%;width:108vw;height:108vh;margin-left:-54vw;margin-top:-54vh;overflow:hidden;z-index:999999;border-radius:4.8rem;border:8px solid #ffffff;transform:perspective(100rem);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.loading-screen-button{display:flex;justify-content:center;align-items:center;font-family:Pixellari;background-color:transparent;padding:1rem 4rem;outline:none;color:var(--color-base-white);border-radius:1.2rem;border:none;font-size:4.2rem}.loading-instruction{position:absolute;bottom:20rem;text-align:center;font-family:Pixellari;color:var(--color-base-black);font-weight:400;font-size:2.4rem;line-height:1.4;width:90%;max-width:60rem;opacity:1;transition:opacity .4s ease}@media(max-width:768px){.loading-instruction{font-size:2rem;bottom:16rem}}@media(max-width:480px){.loading-instruction{font-size:1.8rem;bottom:12rem}}.buttons{display:flex;justify-content:space-between;align-items:center;gap:1.2rem;position:fixed;top:5%;left:10%;z-index:9999}.toggle-button{font-size:3rem;color:#5ea4d9}.music-toggle{display:flex;justify-content:center;align-items:center;font-size:2.4rem;border-radius:9px;padding:1.2rem;cursor:pointer;background-color:#a7d3f7;border:4px solid #5ea4d9;transition:transform .2s ease}.music-toggle:hover{transform:scale(1.2)}.modal{position:absolute;top:50%;left:50%;max-width:65rem;transform:translate(-50%,-50%);display:none;z-index:9999;background-color:var(--color-base-white);border:1.2px solid var(--color-base-black);font-family:VT323,monospace;overflow:hidden;border:1px solid var(--color-base-black);box-shadow:4px 4px 0 var(--color-base-black)}.modal-top{border:1.2px solid var(--color-base-black);background-color:var(--color-device-blue);font-size:2.4rem;display:flex;align-items:center;justify-content:space-between;padding:.8rem}.modal-title{color:var(--color-base-white);text-transform:uppercase}.modal-exit-btn{cursor:pointer;font-size:1.8rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-base-black);padding:.2rem .6rem;background-color:var(--color-accent-pink);transition:all .3s}.modal-exit-btn:hover{background-color:var(--color-accent-yellow);transform:scale(1.2) rotate(-10deg)}.window-header{display:flex;align-items:center;justify-content:space-between;padding:.8rem;margin-bottom:2.4rem;border:1.2px solid var(--color-base-black);font-size:1.8rem;font-weight:400}.modal-content{background-color:var(--color-base-white);display:flex;align-items:center;justify-content:center}.modal-content-info{width:90%;height:60vh;background-color:var(--color-bg);background-image:radial-gradient(var(--color-base-white) .8px,transparent .8px);background-size:12px 12px;padding:2.4rem;overflow:auto;scrollbar-color:var(--color-accent-pink) var(--color-base-white);margin-bottom:4.8rem}.modal-image img{width:20rem;height:20rem;border:1px solid var(--color-base-black);margin-bottom:1.8rem}.title{font-size:3rem;font-weight:600;line-height:1.05;margin-bottom:1.6rem;letter-spacing:.75px}.modal-description{font-size:1.8rem;line-height:1.6;margin-bottom:1.6rem}.skill-container{display:grid;grid-template-columns:repeat(5,1fr);row-gap:1.2rem;justify-items:center}.js-color{background-color:#000}.colored{font-size:3rem}.project-modal{background-color:var(--color-base-white);height:50vh;overflow:auto}.project_{display:flex;justify-content:center;align-items:center}.project-content{display:flex;align-items:center;justify-content:space-between;gap:2.4rem;height:20vh;width:90%;background-color:var(--color-bg);background-image:radial-gradient(var(--color-base-white) .8px,transparent .8px);background-size:12px 12px;margin-bottom:2.4rem}.project-info{padding:1.2rem}.project-image img{padding-left:1.2rem;width:15rem;height:15rem}.project-title{font-size:2.4rem;font-weight:600;line-height:1.01;letter-spacing:.75px;margin-bottom:1.4rem}.project-description{font-size:1.8rem;margin-bottom:1.2rem}.project-links{display:flex;gap:.5rem;align-items:center}.icon{font-size:3rem;color:#343a40;border-radius:.375rem;transition:background-color .2s ease}.icon:hover{color:#212529}.contact{width:90rem}.contact-content{display:flex;justify-content:center;align-items:center}.contact-info{width:95%;height:30vh;background-color:var(--color-base-bg);background-image:radial-gradient(var(--color-base-white) .8px,transparent .8px);background-size:12px 12px;padding:2.4rem;scrollbar-color:var(--color-accent-pink) var(--color-base-white);margin-bottom:4.8rem;display:flex;align-items:center;flex-direction:column;justify-content:space-between}.contact-title{font-size:3.2rem;font-weight:600;letter-spacing:-.75px;line-height:1.01}.email{font-size:2.4rem;font-weight:500;line-height:1.5;margin-bottom:.8rem}.social-container{display:flex;justify-content:center;align-items:center;gap:1.2rem;font-size:1.8rem}.social-link:link,.social-link:visited{text-decoration:none;font-weight:600;transition:all .3s}.social-link:hover,.social-link:active{transform:scale(1.3) rotate(-10deg)}.social-icon{background-color:#e67aa5;font-size:3rem;color:#ffb3cf;padding:.4rem;border-radius:.8rem}.social-icon:hover{color:#ffd1e3}.contact-footer{text-transform:uppercase;font-size:1.6rem;font-weight:400;line-height:1.5}.mint-theme{background:radial-gradient(circle,#c3f7e0 20%,transparent 21%) 0 0,radial-gradient(circle,#c3f7e0 20%,transparent 21%) 6px 6px,linear-gradient(90deg,#a2e1c6 1px,transparent 1px) 0 0,linear-gradient(#a2e1c6 1px,transparent 1px) 0 0;background-size:12px 12px;background-color:#a2e1c6;border:4px solid #62bfa7;color:#034d3b;box-shadow:4px 4px #7ccbb1}.sky-theme{background:repeating-linear-gradient(45deg,#d3ecff,#d3ecff 2px,#a7d3f7 2px 12px);background-size:12px 12px;background-color:#a7d3f7;border:4px solid #5ea4d9;color:#083a5e;box-shadow:4px 4px #6fb4e2}.yellow-theme{background:linear-gradient(135deg,#fff5c2 25%,transparent 25%) -6px 0,linear-gradient(225deg,#fff5c2 25%,transparent 25%) -6px 0,linear-gradient(315deg,#fff5c2 25%,transparent 25%),linear-gradient(45deg,#fff5c2 25%,#ffe985 25%);background-size:12px 12px;background-color:#ffe985;border:4px solid #e0c24a;color:#4b3b00;box-shadow:4px 4px #cdb23e}.lavender-theme{background:linear-gradient(#dcd4ff 1px,transparent 1px),linear-gradient(90deg,#dcd4ff 1px,transparent 1px);background-size:12px 12px;background-color:#c6b7ff;border:4px solid #a292e8;color:#2c2561;box-shadow:4px 4px #b4a3f3}.sand-theme{background:linear-gradient(90deg,#f4e7c3 50%,transparent 50%),linear-gradient(#f4e7c3 50%,transparent 50%);background-size:12px 12px;background-color:#e8d9a9;border:4px solid #cbb773;color:#3f3410;box-shadow:4px 4px #d8c27e}.pink-theme{background:radial-gradient(circle at 0 0,#ffd1e3 25%,transparent 26%) 0 0,radial-gradient(circle at 6px 6px,#ffb3cf 25%,transparent 26%) 0 0;background-size:12px 12px;background-color:#ffb3cf;border:4px solid #e67aa5;color:#4f1a32;box-shadow:4px 4px #e893b6}.peach-theme{background:repeating-radial-gradient(circle at 0 0,#ffe0c7,#ffe0c7 2px,#ffc3a1 3px 12px);background-size:12px 12px;background-color:#ffc3a1;border:4px solid #e59370;color:#5b2a1f;box-shadow:4px 4px #f5a57e}@keyframes movePattern{0%{background-position:0 0,0 0}to{background-position:24px 24px,24px 24px}}.loading-screen{animation:movePattern 5s linear infinite}.credits{width:90%;max-width:50rem;z-index:1000000!important}#credits-trigger:hover{color:#5ea4d9}@media(max-width:84em){.project-content{height:25vh}}@media(max-width:55em){.project-content{height:auto;display:flex;justify-content:center;align-items:center;flex-direction:column}.project-info{padding:0 1.2rem;margin-bottom:1.2rem}.project-image{width:100%;height:100%}.project-image img{padding:0;width:100%;height:100%}.project-modal{height:70vh}.window-header{font-size:1.6rem;font-weight:500}}@media(max-width:48em){html{font-size:56.25%}.modal{width:90%;max-width:40rem;height:auto}.contact{width:90%;max-width:40rem}}@media(max-width:25em){html{font-size:50%}.window-header{font-size:1.4rem;font-weight:500}}