.navbar-container{position:fixed;bottom:40px;left:50%;transform:translate(-50%);width:80%;max-width:600px;display:flex;justify-content:space-around;align-items:center;background-color:#f6e6f6ba;padding:10px 0;border-radius:20px;z-index:10;transition:transform .5s ease-in-out,opacity .5s ease-in-out;font-family:Sofadi One,system-ui;font-weight:400;font-style:normal}.navbar-container.visible{transform:translate(-50%);opacity:1}.navbar-container.hidden{transform:translate(-50%,100%);opacity:0}.nav-item{width:120px;font-size:1.2rem;color:#2c041c;cursor:pointer;padding:8px 0;margin:0 15px;transition:transform .2s,color .2s,box-shadow .2s,border-radius .2s;border-radius:15px;display:flex;justify-content:center;align-items:center;text-align:center}.nav-item:hover{transform:scale(1.1);background-color:#f0f0f0;color:#4c1330;box-shadow:0 0 5px #0003;border-radius:15px}.special-item{width:140px;background:linear-gradient(90deg,#a3a3a3,#bcbcbc);border-radius:15px;color:#f0f0f0;padding:10px 0;margin:0 15px;font-weight:700;text-shadow:0 0 5px rgba(255,255,255,.5);display:flex;justify-content:center;align-items:center;text-align:center}@media (max-width: 480px){.navbar-container{width:90%;padding:10px 0}.nav-item{width:100px;padding:10px 0;margin:0 10px;font-size:1rem}.special-item{width:120px;margin:0 10px;font-size:1rem}}.x-button-container{position:fixed;bottom:40px;left:50%;transform:translate(-50%) translateY(100%);width:50px;height:50px;display:flex;align-items:center;justify-content:center;z-index:20;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.x-button-container.active{opacity:1;transform:translate(-50%) translateY(0)}.x-button-container.hidden{opacity:0;transform:translate(-50%) translateY(100%)}.x-button{width:100%;height:100%;background-color:#222222f2;border-radius:50%;color:#f0f0f0;font-size:24px;cursor:pointer;box-shadow:2px 0 5px #0003;display:flex;align-items:center;justify-content:center;transition:transform .2s ease-in-out,opacity .2s ease-in-out;font-family:Sofadi One,system-ui;font-weight:400;font-style:normal}.x-button:hover{transform:scale(1.1);opacity:.8}@media (max-width: 480px){.x-button-container{bottom:20px;width:40px;height:40px}.x-button{width:100%;height:100%;font-size:20px}}.about-container{position:fixed;left:-60%;top:20px;width:50%;height:calc(90vh - 60px);background-color:#222222e6;transition:left .8s ease-in-out,visibility .8s ease-in-out,opacity 1s ease-in-out;padding:20px;box-shadow:2px 0 5px #0003;border-radius:15px;display:flex;flex-direction:row;opacity:0;visibility:hidden}.about-container.visible{left:20px;opacity:1;visibility:visible}.switch-bar{display:flex;flex-direction:column;justify-content:center;align-items:center;width:3rem;margin-right:1.25rem;flex-shrink:0}.switch-option{color:#787878;font-size:1.25rem;cursor:pointer;padding:.625rem 0;transition:color .3s;margin-bottom:4.375rem;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;text-orientation:mixed;font-family:Sofadi One,system-ui;font-weight:400;font-style:normal}.switch-option:hover,.switch-option.active{color:#f0f0f0}.content-wrapper{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;color:#f0f0f0;position:relative;overflow:hidden}.content{color:#f0f0f0;width:100%;display:flex;flex-direction:column;overflow-y:auto;padding-right:1.25rem;font-family:Sofadi One,system-ui;font-weight:400;font-style:normal}.content p{font-size:1.2rem;line-height:1.5;text-align:left;margin-bottom:0}.content h1{font-size:3rem;line-height:1.5;text-align:left}.content-image{max-height:25%;width:auto;max-width:100%;margin-top:1rem;align-self:flex-start;border-radius:.5rem}@media (max-width: 768px){.about-container{width:80%;flex-direction:column}.switch-bar{flex-direction:row;width:100%;justify-content:space-around;margin-right:0;margin-bottom:1rem}.switch-option{font-size:1rem;margin-bottom:0;padding:.5rem .75rem;writing-mode:horizontal-tb}.content-wrapper{flex:1;width:100%;overflow:auto}.content p{font-size:1rem}.content h1{font-size:2rem}.content-image{max-height:30%;width:auto;max-width:100%;margin-top:.5rem}}@media (max-width: 576px){.about-container{width:80%;flex-direction:column}.switch-bar{flex-direction:row;width:100%;justify-content:space-around;margin-right:0;margin-bottom:1rem}.switch-option{font-size:.875rem;padding:.5rem;writing-mode:horizontal-tb}.content-wrapper{flex:1;width:100%;overflow:auto}.content p{font-size:.875rem}.content h1{font-size:1.5rem}.content-image{max-height:20%;width:auto;max-width:100%;margin-top:.5rem}}.works-container{position:fixed;left:-60%;top:20px;width:40%;height:calc(90vh - 60px);background-color:#222222f2;transition:left .8s ease-in-out,opacity 1s ease-in-out;padding:20px;box-shadow:2px 0 5px #0003;border-radius:15px;display:flex;flex-direction:column;justify-content:space-between;opacity:0;visibility:hidden;font-family:Sofadi One,system-ui;font-weight:400;font-style:normal}.works-container.visible{left:20px;opacity:1;visibility:visible}.work-content{display:flex;flex-direction:column;height:90%;color:#f0f0f0}.work-images{display:flex;align-items:flex-start;height:50%;flex-direction:row}.work-icon{width:25%;height:auto;max-height:100%;border-radius:.5rem;align-self:flex-start;margin-right:20px}.work-image{width:75%;max-width:calc(75% - 20px);height:auto;max-height:100%;border-radius:.5rem;align-self:flex-start}.work-description{margin-top:5%;margin-bottom:5%;height:75%;font-size:1.2rem;line-height:1.5;text-align:left;overflow-y:auto;padding:0 10px}.works-nav{height:10%;display:flex;align-items:center;justify-content:space-between;position:relative;width:100%}.nav-button{background-color:#595959;border:none;color:#f0f0f0;font-size:2rem;cursor:pointer;padding:10px 20px;position:absolute;bottom:10px;transition:color .3s,background-color .3s;border-radius:8px}.nav-button.prev{left:10px}.nav-button.next{right:10px}@media (max-width: 768px){.works-container{width:60%}.work-images{flex-direction:column;align-items:center;justify-content:center}.work-icon{width:20%;margin-bottom:10px}.work-image{width:80%;margin-bottom:10px}.work-description{font-size:1rem}.nav-button{font-size:1.5rem}}@media (max-width: 480px){.works-container{width:80%}.work-icon{width:30%;margin-bottom:10px}.work-image{width:70%;margin-bottom:10px}.work-description{font-size:.875rem}.nav-button{font-size:1.25rem}}.projects-container{position:fixed;left:-60%;top:20px;width:40%;height:calc(90vh - 60px);background-color:#222222f2;transition:left .8s ease-in-out,opacity 1s ease-in-out;padding:20px;box-shadow:2px 0 5px #0003;border-radius:15px;display:flex;flex-direction:column;justify-content:space-between;opacity:0;visibility:hidden;font-family:Sofadi One,system-ui;font-weight:400;font-style:normal}.projects-container.visible{left:20px;opacity:1;visibility:visible}.project-image{width:100%;height:auto;max-height:50%;border-radius:.5rem}.project-title{margin-top:10px;font-size:1.8rem;line-height:1.3;text-align:left;color:#f0f0f0}.project-description{margin-top:10px;flex:1;font-size:1.2rem;line-height:1.5;text-align:left;overflow-y:auto;padding:0 10px;color:#f0f0f0}.project-link{margin:10px 0;text-align:left}.project-link a{color:#1e90ff;text-decoration:none;font-size:1.2rem;transition:color .3s ease}.project-link a:hover{color:#63b3ed}.projects-nav{height:10%;display:flex;align-items:center;justify-content:space-between;position:relative;width:100%;margin-top:10px}.nav-button{background-color:#595959;border:none;color:#f0f0f0;font-size:2rem;cursor:pointer;padding:10px 20px;position:relative;transition:color .3s,background-color .3s;border-radius:8px}.nav-button.prev{left:0}.nav-button.next{right:0}.nav-button:hover{color:#fff;background-color:#aeaeae}.nav-button.hidden{visibility:hidden}@media (max-width: 768px){.projects-container{width:60%}.project-title{font-size:1.5rem}.project-description,.project-link a{font-size:1rem}.nav-button{font-size:1.5rem}}@media (max-width: 480px){.projects-container{width:80%}.project-title{font-size:1.2rem}.project-description,.project-link a{font-size:.875rem}.nav-button{font-size:1.25rem}}.start-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:#041c2c;display:flex;justify-content:center;align-items:center;z-index:1000}.start-overlay button{padding:1rem 2rem;font-size:3.5rem;background-color:transparent;color:#f0f0f0;border:none;border-radius:5px;cursor:pointer;transition:color .4s ease,transform .4s ease;font-family:Sofadi One,system-ui;font-weight:400;font-style:normal}.start-overlay button:hover{color:#defe47;transform:scale(1.2)}.loader-html{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.loader-overlay{background-color:#041c2c;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;color:#f0f0f0;font-family:Sofadi One,system-ui}.loader-content{text-align:center}.loader-text{font-size:3rem;margin-bottom:1rem}.loader-progress{font-size:3rem;font-weight:700;color:#defe47}body{margin:0;background-color:#041c2c}