html,body{height:100%;width:100%;margin:0;padding:0;overflow-x:hidden;box-sizing:border-box}*{box-sizing:inherit}:root{--primary-color-light: #333;--secondary-color-light: white;--primary-color-dark: #333;--secondary-color-dark: #0a0909;--accent-color-light: #f4a261;--accent-color-dark: #e76f51;--highlight-color: #f1faee;--background-light: #f0f0f0;--background-dark: #202020}body{background-image:url(/assets/codebg-BiNr1m9Q.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}body{position:relative;overflow:hidden}body:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/assets/codebg-BiNr1m9Q.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(10px);z-index:-1}.light-theme{--primary-color: var(--primary-color-light);--secondary-color: var(--secondary-color-light)}.dark-theme{--primary-color: var(--primary-color-dark);--secondary-color: var(--secondary-color-dark)}button{background-color:var(--secondary-color);color:var(--primary-color);padding:1vh;border:none;cursor:pointer;transition:background-color .3s,color .3s}button:hover{background-color:var(--primary-color);color:var(--secondary-color)}h1{color:var(--secondary-color)}#dropdown-button h1{color:var(--primary-color);transition:transform .5s ease,top .5s ease,left .5s ease,color .3s ease}#dropdown-button:hover h1{color:#fff}nav{background:#ffffff57;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(14.2px);-webkit-backdrop-filter:blur(14.2px);display:flex;align-items:center;padding:1vh;position:sticky;top:0;width:100%;z-index:1000}#nav-box{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:0 2vh}#left-top-buttons{justify-content:center;display:flex;flex-direction:row;gap:1.5vh}.link-button{font-size:.9rem}#theme-button{color:var(--primary-color);background-color:transparent;padding:.1vh;cursor:pointer}#theme-button:hover{color:var(--primary-color)}#dropdown-button{color:var(--primary-color);background-color:transparent;border:none;display:flex;flex-direction:row;gap:.5vh;justify-content:center;align-items:center;transform:rotate(90deg);cursor:pointer;position:relative;z-index:2000}#dropdown-button h1{position:relative}.rotate-135{transform:rotate(135deg);top:-5.5px;right:-1.5px}.rotate--135{transform:rotate(-135deg);top:-5.5px;left:-10px}.dropdown{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;z-index:1000;transition:opacity .3s ease-in-out,transform .3s ease;opacity:0;transform:translateY(-10px);overflow-y:auto}.dropdown.open{display:block;opacity:1;transform:translateY(0);display:flex;justify-content:center}.dropdown ul{padding:0;margin:1vh 0vw;margin-top:5%;list-style:none;text-align:center;position:absolute}@media (max-width: 900px){.dropdown ul{margin-top:20%}}@media (max-width: 800px){.dropdown ul{margin-top:20%}}@media (max-width: 600px){.dropdown ul{margin-top:20%}}.dropdown-link{display:flex;text-align:center;justify-content:center;text-decoration:none}.dropdown li,.dropdown-link{color:#fff;padding:1.5vh;cursor:pointer;font-size:20px;transition:transform .5s ease,color .5s ease}.dropdown li:hover,.dropdown-link:hover{color:#fff;transform:scale(1.15)}#name{border:1px solid red;display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:15vh;font-size:3vh}#v{color:var(--secondary-color);margin-right:15vw;padding:1vh 1vw;border-radius:20px;filter:blur(5px);box-shadow:0 0 20px #00000026}#c{color:var(--secondary-color);margin-left:15vh;padding:1vh 1vw;border-radius:20px;filter:blur(5px);box-shadow:0 0 20px #00000026}#footer{background:#ffffff57;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(14.2px);-webkit-backdrop-filter:blur(14.2px);position:fixed;bottom:0;width:100%;padding:20px;text-align:center}#footer-box{display:flex;justify-content:space-around;align-items:center;width:100%}.footer-icons,.link-button{display:flex;gap:5vh}.footer-icons a,.link-button{color:var(--primary-color);transition:color .5s ease}.footer-icons a:hover,.link-button:hover{color:#fff}#logo{justify-content:center;align-items:center;display:flex;height:70vh}#vc{color:#fff!important;font-size:clamp(2rem,10vw,10rem)}@font-face{font-family:Light;src:local("AirbnbCerealLight"),url(./font/AirbnbCerealLight.ttf) format("truetype")}.page-title{font-family:Dancing Script,cursive;font-size:2rem;color:#fff}.container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;margin-bottom:5vh}.content-container{width:40%;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:20vh;padding:20px;max-height:80vh;overflow:hidden}.page-links{padding:20px;width:30vw;max-height:50vh;display:flex;flex-direction:column;overflow-y:auto;list-style-type:none;margin:0;border:1px solid gray;border-radius:8px;box-shadow:inset 0 4px 20px #00000080;box-sizing:border-box}.content-link{text-decoration:none;width:100%;padding:3vh 2vw;margin-bottom:2vh;display:flex;flex-direction:row;gap:1rem;flex-grow:1;justify-content:center;font-weight:600;background-color:#333;color:#fff;border-radius:16px;align-items:center;text-align:center}.content-link:hover{background-color:#fff;color:#333}@media (max-width: 768px){.content-container{width:90%}.page-links{width:60vw}}@media (max-width: 480px){.content-container{width:100%;max-width:none;border-radius:0}.page-links{width:70vw}}.page-links::-webkit-scrollbar{width:10px}.page-links::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}.page-links::-webkit-scrollbar-thumb{background:#0000004d;border-radius:10px;transition:background .3s ease}.page-links::-webkit-scrollbar-thumb:hover{background:#00000080}.page-links::-webkit-scrollbar-thumb:active{background:#000000b3}h2{color:#fff}.contact-form{height:70vh;display:flex;justify-content:center;align-items:center;flex-direction:column;margin:20px;padding:20px;box-sizing:border-box}form{justify-content:center;align-items:center;display:flex;flex-direction:column;gap:1.5vh;min-height:50vh;width:100%;max-width:600px;box-sizing:border-box}.inputBox input,.inputBox textarea{text-align:center;width:100%;padding:10px;font-size:16px;box-sizing:border-box;margin-bottom:15px}.inputBox{width:100%;display:flex;justify-content:center;align-items:center}#send-feedback{background-color:#333;color:#fff;border-radius:16px;transition:color .5s ease-in-out,background-color .5s ease-in-out}#send-feedback:hover{background-color:#fff;color:#333}#about-me{flex-grow:1;height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2vh;overflow-y:auto;overflow-x:hidden}#about-header{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:1vh}.nav-button{margin:0 2vw}li{padding:2vh 1vw;text-decoration:none;list-style:none;text-align:center}#audio-buttons{margin-top:1vh;display:flex;justify-content:center;align-items:center;gap:3vw}.audio-button,.nav-button{color:#fff;background-color:#333;display:flex;align-items:center;justify-content:center;border-radius:50%;width:3vw;height:3vw;padding:1.5vw}#about-me-container{max-width:80vw;height:70vh;border-radius:8px;background-color:#333;color:#fff;overflow-y:auto;padding:2vh 5vw;display:flex;flex-direction:column;align-items:center;overflow-wrap:break-word}p{padding:2vh 5vw}@media screen and (max-width: 600px){#about-me-container{width:90vw;height:80vh;padding:4vw}.audio-button,.nav-button{width:12vw;height:12vw;padding:3vw}#audio-buttons{gap:5vw}}@media screen and (max-height: 600px){#about-me-container{height:50vh;padding:3vh 5vw}}@media screen and (min-width: 1000px){#about-me-container{width:60vw}}