@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);body{background-color:#544884;margin:0;padding:0}#root{height:100%}.button-container{bottom:50%;display:flex;flex-direction:column;gap:40px;left:75%;position:absolute;top:40%}.button-option{background:none;border:none;cursor:pointer;font-family:Press Start\ 2P,serif;font-size:1.5vw}.button-option.highlight,.button-option.highlight:hover,.button-option.inactive:hover,.button-option:hover{color:#000}.button-option.inactive{color:#fff}.image-container{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100%}.content{word-wrap:break-word;color:#fff;font-family:Press Start\ 2P,serif;font-size:1.5vw;left:30%;line-height:1.5;max-width:60%;overflow-wrap:break-word;padding:10px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);white-space:normal;z-index:3}.centered-image{height:100%;object-fit:cover;width:100%}.title-overlay{color:#fff;font-family:Press Start\ 2P,serif;font-size:2.8vw;left:80%;max-width:90%;overflow:hidden;position:absolute;text-align:center;text-shadow:2px 2px 4px #000c;top:20%;transform:translate(-50%,-50%);white-space:nowrap;z-index:2}@media (max-width:768px){.title-overlay{font-size:5vw;white-space:wrap}}@media (max-width:480px){.title-overlay{font-size:6vw;white-space:wrap}}.about-image{display:block;height:auto;margin:0 auto;max-height:50%;max-width:50%;width:auto}.carousel{align-items:center;display:flex;flex-direction:column;margin-top:20px;text-align:center}.project-display{max-width:80%}.project-image{border-radius:8px;height:auto;margin-bottom:10px;max-width:100%}.project-description{color:#fff;font-size:.8rem}.carousel-buttons{display:flex;gap:10px;margin-top:10px}.carousel-buttons button{background-color:initial;border:1px solid #fff;color:#fff;cursor:pointer;font-family:Press Start\ 2P,serif;padding:10px 20px;transition:background-color .3s ease}.carousel-buttons button:hover{background-color:#fff;color:#000}.social-icons{display:flex;gap:20px;justify-content:center;margin-top:20px}.icon-image{cursor:pointer;height:40px;object-fit:contain;transition:transform .3s ease,filter .3s ease;width:40px}.icon-image:hover{filter:brightness(1.2);transform:scale(1.1)}#note{font-size:.5rem;top:20%}#note,.credit{font-style:italic}.credit{font-family:Press Start\ 2P,serif;font-size:.6vw}
/*# sourceMappingURL=main.4d7b8d42.css.map*/