: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:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.gallery-page{background:#000!important;background-image:none!important}.gallery-title{font-size:clamp(2rem,12vw,200px);color:#3f3;text-align:center;margin-bottom:20px;margin-top:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;padding:0 2vw}.gallery-container{color:#fff;min-height:100vh;width:100%;max-width:1800px;margin:0 auto;box-sizing:border-box;padding:0 2vw;display:flex;flex-direction:column;align-items:center}.search-container{width:80%;max-width:800px;margin-bottom:50px;position:relative}.center-nav{transition:opacity .3s ease,transform .3s ease}.center-nav.hidden{opacity:0;transform:translateY(-20px);pointer-events:none}.search-input{width:100%;padding:15px;background-color:#111;border:1px solid #33ff33;color:#3f3;font-family:monospace;font-size:1.2rem;outline:none;caret-color:#3f3}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;width:90%;max-width:1800px}.project-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:20px;transition:transform .2s}.project-card:hover{transform:translateY(-5px)}.project-title{font-size:1.5rem;margin-bottom:10px;color:#3f3}.project-description{color:#ccc;font-size:1rem;line-height:1.5}@media (max-width: 1200px){.gallery-title{font-size:clamp(2rem,12vw,80px);margin-bottom:10px;margin-top:40px;padding:0 2vw}.gallery-container{max-width:90vw;padding:0 2vw}.projects-grid{grid-template-columns:repeat(2,1fr);max-width:1000px}.gallery-container{padding:60px 10px 30px}}@media (max-width: 768px){.gallery-title{font-size:clamp(2rem,12vw,36px);margin-bottom:10px;margin-top:20px;padding:0 2vw}.gallery-container{max-width:95vw;padding:0 2vw}.center-nav{font-size:1.1rem;gap:1rem;padding:10px 0 10px 10px}.projects-grid{grid-template-columns:1fr;max-width:95vw;gap:15px}.project-card{padding:10px;border-radius:10px;font-size:1rem}.project-title{font-size:1.1rem;margin-bottom:6px}.project-description{font-size:.95rem}.search-container{width:95vw;max-width:100vw;margin-bottom:20px}.project-gif img{height:120px!important}}@media (max-width: 1800px){.gallery-container{max-width:100vw;padding:0 10px}}.admin-page{background:#000!important;background-image:none!important}.admin-container{color:#fff;padding:120px 50px 50px;min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.admin-container h1{font-size:200px;color:#fff;text-shadow:2px 2px 4px #000000;text-align:center;margin-bottom:20px}.back-link{font-size:50px;display:inline-block;margin-bottom:20px;color:#fff;text-decoration:none}.back-link:hover{text-decoration:underline}.admin-form{background:#0009;padding:30px;border-radius:10px;margin-bottom:40px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:1.1rem}.form-group input[type=text],.form-group textarea{width:100%;padding:8px;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#0000004d;color:#fff;font-size:1rem}.form-group textarea{height:100px;resize:vertical}.form-group.checkbox{display:flex;align-items:center}.form-group.checkbox input{margin-right:10px}button{background:#3f3;color:#000;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .3s ease}button:hover{background:#6f6;transform:translateY(-2px)}button:disabled{background:#666;cursor:not-allowed}.projects-list{margin-top:40px}.project-item{background:#0009;padding:20px;border-radius:10px;margin-bottom:20px;transition:all .3s ease}.project-item.featured{border:2px solid #33ff33}.project-item h3{margin:0 0 10px;color:#3f3}.project-actions{margin-top:15px;display:flex;gap:10px}.featured-btn{background:#3f3}.delete-btn{background:#f33}.delete-btn:hover{background:#f66}@media (max-width: 1200px){.admin-container h1{font-size:80px}.admin-container{padding:60px 10px 30px}.admin-form{padding:20px}}@media (max-width: 768px){.admin-container h1{font-size:36px;margin-bottom:10px}.admin-container{padding:30px 2vw 10px}.back-link{font-size:1.1rem;margin-bottom:10px}.admin-form{padding:10px;border-radius:10px;font-size:1rem}.form-group label{font-size:1rem;margin-bottom:4px}.form-group input[type=text],.form-group textarea{font-size:.95rem;padding:6px}.form-group textarea{height:60px}.projects-list{margin-top:20px}.project-item{padding:10px;border-radius:10px;font-size:1rem}.project-item h3{font-size:1.1rem;margin-bottom:6px}.project-actions{gap:6px}button{font-size:.95rem;padding:8px 12px}}#root{font-family:OMORI,Arial,sans-serif;min-height:100vh}body,html{width:100vw;min-height:100vh;overflow-x:hidden}body{margin:0;padding:0;background-image:url(/assets/MorrisHarrison-CLxUaq94.JPG);min-height:100vh;background-position:center;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;scroll-behavior:smooth;display:flex;flex-direction:column}.center-nav{display:flex;justify-content:left;align-items:left;position:fixed;top:0;left:0;width:100vw;z-index:1000;font-size:2rem;gap:2rem;color:#fff;text-shadow:2px 2px 4px #000000;padding:20px 0 20px 20px;background:#0000;transform:translateY(-100%);transition:transform .3s ease}.center-nav.visible{transform:translateY(0)}.center-nav a{color:#fff;text-decoration:none;transition:color .2s ease}.center-nav a:hover{color:red}header{font-size:clamp(2rem,12vw,250px);margin-top:0;color:#fff;text-shadow:2px 2px 4px #000000;position:sticky;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;padding:0 2vw}h1{font-size:80px;color:#fff;text-shadow:2px 2px 4px #000000;text-align:center;margin-top:-100px}.about{width:100%;max-width:1800px;font-size:clamp(1.1rem,4vw,50px);margin-top:60px;border-radius:70px;padding:2vw;box-sizing:border-box;background-color:#0003;text-align:center;left:0;right:0;position:relative}.more{width:100%;max-width:1800px;font-size:clamp(1.1rem,4vw,50px);margin-top:60px;border-radius:70px;padding:2vw;box-sizing:border-box;background-color:#0003;text-align:center;left:0;right:0;position:relative;margin-left:auto;margin-right:auto}.about:hover,.more:hover{background-color:#0006;transform:translateY(-5px);box-shadow:0 10px 20px #0000004d}.conclusion{font-size:50px;color:#000;text-align:center;justify-self:center}.preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;width:100%;max-width:1500px;margin:50px auto;padding:100px 20px;box-sizing:border-box}.preview-card{background:#0009;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:0;color:#fff;text-shadow:2px 2px 4px #000000;text-align:center;transition:all .3s ease;height:auto;min-height:300px;display:flex;flex-direction:column;overflow:hidden;width:100%;box-sizing:border-box}.preview-card:hover{transform:translateY(-10px);background:#000c;box-shadow:0 10px 30px #33ff331a}.preview-image{width:100%;height:300px;background:#0000004d;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#3f3;overflow:hidden}.responsive-gif{width:100%;height:100%;object-fit:cover;max-width:100%;max-height:100%;border-radius:10px}.preview-content{padding:20px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.preview-title{font-size:2rem;margin-bottom:15px;color:#3f3;text-decoration:none;transition:color .2s ease}.preview-title:hover{color:#6f6;text-decoration:underline}.preview-description{font-size:1.2rem;line-height:1.6;margin-top:auto}footer{position:sticky;font-size:40px;color:#000;text-align:center}footer a{color:#fff;text-decoration:none;transition:color .2s ease}footer a:hover{color:red}@font-face{font-family:OMORI;src:url(/assets/OMORI_GAME2-C3rzakEO.ttf) format("truetype");font-weight:400;font-style:normal}.home-container{max-width:1800px;width:100%;margin:0 auto;box-sizing:border-box;padding:0 20px}@media (max-width: 1800px){.home-container{max-width:100vw;padding:0 10px}}@media (max-width: 768px){.home-container{padding:0 5px}}@media (max-width: 1200px){.preview-grid{grid-template-columns:repeat(2,1fr);max-width:1000px}.about,.more{max-width:90vw;font-size:2.2rem;margin-top:40px;padding:2vw}header{font-size:clamp(2rem,12vw,120px);margin-top:0;padding:0 2vw}h1{font-size:40px;margin-top:-40px}}@media (max-width: 768px){.center-nav{font-size:1.1rem;gap:1rem;padding:10px 0 10px 10px}.preview-grid{grid-template-columns:1fr;max-width:95vw;gap:15px;padding-top:40px;padding-bottom:40px}.preview-card{min-height:200px;border-radius:10px;font-size:1rem}.preview-image{height:180px;font-size:1rem}.about,.more{max-width:95vw;font-size:1.1rem;margin-top:30px;border-radius:20px;padding:2vw}header{font-size:clamp(2rem,12vw,60px);margin-top:0;padding:0 2vw}h1{font-size:22px;margin-top:-20px}.conclusion{font-size:1.1rem}footer{font-size:1rem}}