@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,1,0";@import "https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap";*{margin:0;padding:0}@media (prefers-color-scheme:light){:root{--body-background:#e5e5e5;--header-background:#b81f24;--nav-background:gray;--nav-color:#fff;--header-color:#fff;--header-title:#fff;--main-background:#fff;--main-headings:#b81f24;--main-color:#000;--main-link:#302ae6;--dark-mode-icon:#fff;--project-divider:#000;--links-background:#b81f24;--message-text:#fff;--error-background:#b81f24;--error-hover:#a51b20;--success-background:green;--delete-background:#fc6a03;--info-background:#006270}}@media (prefers-color-scheme:dark){:root{--body-background:#000;--header-background:#333;--nav-background:#404040;--nav-color:#ccc;--header-title:#b81f24;--header-color:#ccc;--main-background:#333;--main-color:#ccc;--main-link:#9a97f3;--dark-mode-icon:#b81f24;--project-divider:#fff;--links-background:#b81f24;--message-text:#fff;--error-background:#b81f24;--error-hover:#a51b20;--success-background:green;--delete-background:#fc6a03;--info-background:#006270}}body{background-color:var(--body-background);color:var(--main-color);font-family:Roboto Slab,serif}body.no-scroll-fixed{width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.center{text-align:center}#tabs{flex-wrap:wrap;justify-content:space-around;align-items:center;gap:10px;padding:0 1rem;display:flex}#tabs button{background-color:var(--main-background);color:var(--main-color);cursor:pointer;border:1px solid #e5e7eb;border-radius:4px;outline:none;padding:10px 20px;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .2s ease-in-out;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}#tabs button:hover{color:#b81f24;border-color:#d1d5db;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}#tabs button.active{background-color:var(--header-background);color:#fff;border-color:#b81f24;font-weight:600;box-shadow:0 2px 4px #0003}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:middle!important}#page-wrapper{grid-template:"header"350px"main"/1fr;height:100vh;display:grid}.message-wrapper{z-index:999;justify-content:center;align-items:center;display:flex;position:fixed;top:10px;left:50%;transform:translate(-50%)}.message{align-items:center;gap:5px;margin:10px;padding:10px;font-family:Arial,Helvetica,sans-serif;font-weight:700;display:flex;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.message button{background-color:inherit;color:inherit;border:1px solid var(--message-text);cursor:pointer;border-radius:5px;margin:0 5px}.success{background-color:var(--success-background);color:var(--message-text)}.error{background-color:var(--error-background);color:var(--message-text)}.warn{background-color:var(--delete-background);color:var(--message-text)}.info{background-color:var(--info-background);color:var(--message-text)}header{grid-area:header}main{grid-area:main}#modal-root{z-index:9999;background:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;padding:16px;display:flex;position:fixed;top:0;left:0;overflow:hidden}.modal-content{background-color:var(--main-background);color:var(--body-color);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-radius:12px;flex-direction:column;gap:15px;width:100%;max-width:700px;max-height:calc(100vh - 32px);padding:24px;animation:.2s ease-out modalScaleIn;display:flex;overflow-y:auto}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.loader{aspect-ratio:1;--_m:conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;width:50px;-webkit-mask:var(--_m);-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;background:#25b09b;border-radius:50%;padding:8px;animation:1s linear infinite l3;-webkit-mask-composite:source-out;mask-composite:subtract}@keyframes l3{to{transform:rotate(1turn)}}.hide{display:none!important}.left{flex-direction:row}.right{flex-direction:row-reverse}header{background-color:var(--header-background);color:var(--header-color);justify-content:center;align-items:center;gap:10px;padding:20px;font-family:Roboto,sans-serif;display:flex}header img{border:10px solid #fff}nav{flex-direction:column;justify-content:center;align-items:end;display:flex}nav a{color:var(--header-color);cursor:pointer;font-size:30px;text-decoration:none}nav a:hover{text-decoration:underline}main{max-width:900px;margin:10px auto}main a{color:var(--main-link);text-decoration:none}main a:hover{text-decoration:underline}main p{padding:10px 0}#filter-bar{justify-content:space-between;align-items:center;gap:10px;display:flex}select{border:1px solid var(--main-color);background-color:var(--main-background);color:var(--main-color);margin:0 10px;padding:5px}.project,.card{background-color:var(--main-background);margin:10px;padding:10px;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}hr{margin:10px 0}#loading-card{align-items:center;gap:10px;display:flex}.project-header{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}button{cursor:pointer;border:1px solid var(--header-background);color:var(--header-background);background-color:#0000;justify-content:center;align-items:center;padding:5px;display:flex}.skills{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:5px;margin:10px 0;display:flex}.skills img{cursor:pointer}.project a{color:var(--main-link)}ul{margin-left:10px}.links{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;display:flex}.links a,button{border:3px solid var(--links-background);color:var(--main-color);border-radius:5px;margin:10px;padding:5px;transition:all .2s linear;text-decoration:none!important}.links a:hover,button:hover{background-color:var(--links-background);color:#fff;text-decoration:none!important}.iframe-container{width:100%;overflow-x:auto}footer{text-align:center;position:relative}footer button{position:absolute;right:5px}.not-found-img{width:100%}@media (width>=1490px){header h1{font-size:8rem}header img{height:300px}}table{border-collapse:collapse;width:100%}th,td{border:1px 0 solid var(--main-color);text-align:left;padding:10px}th.center,td.center{text-align:center}.button-cell{text-align:center;cursor:pointer;border:1px solid var(--main-color);font-weight:700}.button-cell:hover{background-color:var(--main-color);color:var(--main-background)}.p4a-pfp-overlay{cursor:pointer;width:200px}.p4a-pfp-overlay:hover{transform:scale(1.2)}#p4a-canvas{width:100%;max-width:300px;height:auto;margin:0 auto;display:block}#pfa-image-upload input[type=file]{display:none}.custom-file-upload,button{cursor:pointer;background-color:var(--main-background);color:#b81f24;border:3px solid #b81f24;border-radius:8px;padding:10px 20px;font-weight:700;transition:background-color .3s;display:inline-block}.custom-file-upload:hover,button:hover{color:#fff;background-color:#b81f24;border:3px solid #b81f24}@media (width>=1135px) and (width<=1489px){header h1{font-size:5rem}header img{height:250px}}@media (width>=910px) and (width<=1134px){header h1{font-size:3rem}header img{height:200px}}@media (width<=600px){header,#filter-bar{flex-direction:column}}@media (width>=910px){#mobile-nav-toggle{display:none}}@media (width<=909px){#mobile-nav-toggle{cursor:pointer;z-index:4;cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:40px;height:30px;padding:0;display:flex;position:absolute;top:10px;right:10px}#mobile-nav-toggle span{background-color:var(--header-color);width:100%;height:4px;transition:all .3s ease-in-out;display:block}#mobile-nav-toggle.active span:first-child{transform:translateY(7px)rotate(45deg)}#mobile-nav-toggle.active span:nth-child(2){opacity:0}#mobile-nav-toggle.active span:nth-child(3){transform:translateY(-13px)rotate(-45deg)}header h1{font-size:3rem}header img{height:150px}nav{background-color:var(--header-background);z-index:3;opacity:0;visibility:hidden;justify-content:center;gap:30px;padding:10px;transition:transform .4s ease-out,opacity .4s ease-out,visibility .4s;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}nav.active{background-color:var(--header-background);opacity:1;visibility:visible;transform:translate(0);box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}main{margin:10px}}input,textarea{background-color:var(--main-background);width:calc(100% - 20px);color:var(--main-color);margin:5px 0;padding:10px}textarea{min-height:500px}.button-row{justify-content:space-between;align-items:center;gap:12px;margin:20px 0;display:flex}.delete-button{background-color:var(--error-background)}.delete-button:hover{background-color:var(--error-hover)}.cancel-btn{background-color:var(--info-background)}.flex-spc-rnd{justify-content:space-around!important}.flex-center{justify-content:center!important;gap:10px!important}.skills-checkbox-container{flex-direction:column;align-items:flex-start;gap:8px;max-height:250px;margin:15px 0;display:flex;overflow-y:auto}.skills-checkbox-container label{cursor:pointer;white-space:nowrap;flex-wrap:nowrap;gap:8px;display:flex}.carousel{width:100%;margin-top:20px;position:relative}.carousel-content,.dots{justify-content:center;align-items:center;gap:10px;margin:5px;display:flex}.carousel-content{flex-direction:column}.previousImageButton,.nextImageButton{color:var(--main-color);background-color:#0000;border:0}.dot{color:var(--main-color);border:1px solid var(--links-background);background-color:#0000;border-radius:5px;justify-content:center;align-items:center;width:30px;height:30px;padding:5px;font-size:20px;transition:all .2s linear;display:flex}.dot:hover,.active{background-color:var(--links-background);color:#fff}.previousImageButton{position:absolute;left:10px}.nextImageButton{position:absolute;right:10px}.carousel img{cursor:pointer;transition:all .2s linear}@media (width>=910px){.carousel img{width:auto;height:200px}}@media (width<=909px){.carousel img{object-fit:contain;width:60%;max-width:60%;max-height:200px}}.about-section{justify-content:space-around;align-items:center;gap:10px;padding:0 10px;display:flex;position:relative}.about-section a{color:var(--main-link)}.about-section hr{width:100%}.about-img{border:5px solid var(--header-color);width:200px;height:200px;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}#osu img{margin-bottom:20px;margin-right:25px;transform:rotate(-20deg)}#disney img{margin-bottom:10px;margin-left:20px;transform:rotate(20deg)}#present img{margin-bottom:10px;margin-right:20px;transform:rotate(-10deg)}#osu p,#disney p,#present p{overflow-wrap:break-word}@media only screen and (width<=670px){hr{display:none}#osu,#present{flex-direction:column}#disney{flex-direction:column-reverse}#disney img{margin:35px}}