@import"https://fonts.googleapis.com/css2?family=DotGothic16&family=Silkscreen:wght@400;700&family=VT323&display=swap";@import"https://fonts.googleapis.com/css2?family=Handjet:wght@100..900&family=Nova+Square&family=Orbitron:wght@400..900&family=WDXL+Lubrifont+SC&family=Zen+Dots&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#000;text-decoration:inherit}a:hover{color:#0b17b4}body{margin:0;min-width:320px;min-height:100vh}h1{margin:0}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}}#root{font-family:DotGothic16,monospace}.home{text-align:center;min-height:100vh;display:flex;flex-direction:column;justify-content:center;background-color:#0b17b4;color:#fff}.home-content{flex-grow:1;position:relative;display:flex;justify-content:center;align-items:center}.nav-bar{position:fixed;top:0;width:100%;z-index:1}.intro-text{font-size:1.5rem}.intro-text h1{font-family:Silkscreen,DotGothic16,monospace}.folder-icon:hover{cursor:pointer;opacity:70%}.about-folder{position:absolute;top:10%;left:10%}.film-folder{position:absolute;top:70%;left:30%}.proj-health-folder{position:absolute;top:20%;right:30%}.proj-interior-folder{position:absolute;top:60%;right:10%}.window-bar{display:flex;justify-content:end;background-color:#ccc;border-bottom:1px solid black;margin-bottom:1rem;padding:2px}.window-content{padding-left:1rem;padding-right:1rem}.film-photo{display:flex;flex-direction:column;align-items:center;padding-bottom:1rem}.btn-close:hover{opacity:50%;cursor:pointer}.social-icons{display:flex;gap:3%}.modal-style{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;max-height:70vh;overflow-y:auto;color:#000;background-color:var(--mui-palette-background-paper, #ffffff);border:2px solid #000000;padding-bottom:1rem}@media(max-width:800px){.intro-text{font-size:1rem}.proj-interior-folder{top:65%}.film-folder{top:75%;left:20%}.modal-style{width:95%}.modal-text{font-size:.8rem!important}}