#root{min-width:100%;min-height:100%;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin 20s linear infinite}}.card{padding:2em}.read-the-docs{color:#888}@import url("https://fonts.googleapis.com/css2?family=Saira:ital,wght@0,100..900;1,100..900&display=swap");:root{--primary-color:#FBE094;--secondary-color:#FFFFFF;--font-family:"Saira",sans-serif;font-family:var(--font-family);line-height:1.5;font-weight:400;color-scheme:light dark;color:rgba(255,255,255,.87);background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:linear-gradient(rgba(20,20,20,.7),rgba(20,20,20,.7)),url(/assets/IMG_7333.svg);background-size:cover;background-position:50%}body,html{margin:0;padding:0;box-sizing:border-box;width:100vw;min-height:100vh}a{font-weight:500;color:var(--primary-color);text-decoration:none;font-family:var(--font-family)}a:hover{color:var(--secondary-color)}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:#ffffff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.navbar{position:fixed;top:0;left:0;width:95%;height:32px;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:transparent;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 6px rgba(0,0,0,.2)}.navbar-links{list-style:none;display:flex;gap:1.5rem}.navbar-links a{color:var(--secondary-color);text-decoration:none;font-weight:500;transition:color .3s ease;font-family:var(--font-family)}.navbar-links a:hover{color:var(--primary-color)}.music-container{width:100%;margin-top:28px;display:flex;justify-content:center;align-items:flex-start;gap:64px;padding:0 1rem}.playlist-card{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;margin-bottom:0}.music-container .sub-header{margin-bottom:18px;font-size:32px}.music-container iframe{min-width:320px;max-width:560px;width:100%;height:380px;box-shadow:0 0 10px 0 rgba(0,0,0);border-radius:12px}.header-play{margin-top:100px;text-align:center;color:var(--primary-color);font-size:60px}.header-play,.sub-header{font-family:var(--font-family);font-weight:200}.sub-header{color:var(--secondary-color);font-size:40px}.about-me{display:flex;justify-content:center;align-items:center;width:100%}.about-me p{width:50%;font-size:18px;line-height:32px;color:var(--secondary-color)}.about-me p,.header-about{text-align:center;font-family:var(--font-family)}.header-about{margin-top:150px;color:var(--primary-color);font-size:60px;font-weight:200}.form-box{align-items:center}.form-box,.form-content{display:flex;flex-direction:column;justify-content:center;width:100%}.form-content{align-items:flex-start;margin-top:50px;max-width:600px}.contact-area{margin-top:60px;display:flex;grid-template-columns:1fr 1fr;gap:20px;width:96%;padding:20px}.header-form{font-family:var(--font-family);color:var(--primary-color);font-size:60px;font-weight:200;margin-bottom:0;margin-left:60px}.form-content input,.form-content textarea{background:transparent;border:none;border-bottom:1px solid var(--secondary-color);color:var(--secondary-color);padding:5px 0;margin-bottom:20px;width:100%;font-size:16px;line-height:1.5;resize:vertical}.form-content input::placeholder,.form-content textarea::placeholder{color:var(--secondary-color);opacity:.5}.form-content input:focus,.form-content textarea:focus{outline:none;border-bottom:1px solid var(--secondary-color)}.form-content textarea{min-height:100px}.submit-container{grid-column:span 2;display:flex;justify-content:center;padding-top:20px}.submit-button{background-color:#FBE094;color:#000000;margin-bottom:100px}.contact-container{flex-direction:column;justify-content:flex-start;margin:0}.contact-container,.contact-me{width:100%;display:flex;align-items:flex-start}.contact-me{justify-content:center;text-align:left}.contact-me p{width:80%;text-align:left;line-height:40px}.contact-me p,.success-message{font-size:24px}.contact-me p,.error-message,.success-message{font-family:var(--font-family);color:var(--secondary-color)}.footer-container{background-color:rgb(255,255,255,.1);width:100%;margin-bottom:0;height:125px}.inner-footer{display:flex;justify-content:space-between;margin:20px 50px}.footer-icons,.social-icons{color:var(--primary-color)}.social-icons{display:flex;justify-content:space-evenly;gap:20px}.contact-info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin-top:15px}.contact-info p{margin:4px 0;padding:0;font-family:var(--font-family);color:var(--secondary-color)}.contact-info a{font-weight:300}.contact-info a,.footer-header{color:var(--secondary-color)}.apps-section{margin-top:150px;width:100%;display:flex;flex-direction:column;align-items:center}.header-apps{text-align:center;font-family:var(--font-family);color:var(--primary-color);font-size:60px;font-weight:200;margin-bottom:40px}.apps-container{justify-content:center;width:100%}.app-card,.apps-container{display:flex;align-items:center}.app-card{background:rgba(255,255,255,.07);border-radius:16px;box-shadow:0 0 10px 0 rgba(0,0,0,.1);padding:32px 24px;flex-direction:column;flex-shrink:0;width:300px}.app-card-image{max-width:320px;max-height:160px;object-fit:contain;display:block;border:none;box-shadow:none;background:none;border-radius:8px;margin:0 auto 20px}.app-title{font-size:28px;font-weight:400;margin-bottom:12px}.app-description,.app-title{font-family:var(--font-family);color:var(--secondary-color);text-align:center}.app-description{font-size:18px;line-height:28px}.apps-carousel{display:flex;align-items:center;justify-content:center;width:100%;margin-top:20px;box-sizing:border-box}.apps-carousel-inner-wrapper{overflow:hidden;width:90%;max-width:814px;margin:0 20px;flex-grow:1}.apps-carousel-track{display:flex;gap:32px;transition:transform .5s ease-in-out}.carousel-arrow{background:none;border:none;color:var(--primary-color);font-size:2.5rem;cursor:pointer;padding:0 16px;transition:color .2s;z-index:10;flex-shrink:0}.carousel-arrow:disabled{color:#888;cursor:not-allowed}.roadmap-link{display:block;margin:-20px 0 40px;font-size:20px;color:var(--primary-color);text-decoration:underline;transition:color .3s ease}.roadmap-link:hover{color:var(--secondary-color)}@media (max-width:767px){.apps-carousel{padding:0 10px}.apps-carousel-inner-wrapper{width:80%;max-width:300px;margin:0 10px}.app-card{width:100%}.apps-carousel-track{gap:16px}.carousel-arrow{font-size:2rem;padding:0 8px}}.roadmap-page-container{padding:120px 2rem 4rem;max-width:1100px;margin:0 auto;display:flex;flex-direction:column;align-items:center;min-height:calc(100vh - 125px)}.roadmap-intro{font-family:var(--font-family);color:var(--secondary-color);font-size:20px;text-align:center;line-height:1.6;margin-bottom:40px;max-width:700px}.roadmaps-container{width:100%;display:flex;flex-direction:column;gap:48px}.roadmap-app-section{display:flex;flex-direction:column;gap:24px}.roadmap-app-header{display:flex;justify-content:space-between;align-items:flex-start}.roadmap-app-header .app-title{font-size:2rem;font-weight:600;text-align:left;margin-bottom:4px;transition:color .3s ease}.roadmap-app-header a:hover .app-title{color:var(--primary-color)}.roadmap-app-header .app-description{text-align:left;color:var(--secondary-color);opacity:.8}.roadmap-item-count{font-size:.875rem;color:var(--secondary-color);opacity:.6;flex-shrink:0;margin-left:16px}.roadmap-grid{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:16px;gap:16px}@media (min-width:768px){.roadmap-grid{grid-template-columns:repeat(3,1fr)}}.roadmap-card{background:rgba(255,255,255,.07);border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column}.roadmap-card-header{display:flex;align-items:center;gap:8px;padding:16px;border-bottom:1px solid rgba(255,255,255,.1)}.status-icon{width:20px;height:20px;color:var(--primary-color)}.roadmap-card-title{font-size:1.125rem}.roadmap-badge,.roadmap-card-title{font-weight:500;color:var(--secondary-color)}.roadmap-badge{margin-left:auto;background-color:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);padding:4px 8px;border-radius:9999px;font-size:.75rem}.roadmap-card-content{padding:16px;flex-grow:1}.roadmap-list{list-style-type:disc;list-style-position:inside;font-size:.875rem;color:var(--secondary-color);opacity:.9;display:flex;flex-direction:column;gap:4px}.roadmap-list-empty{font-style:italic;color:var(--secondary-color);opacity:.5;list-style-type:none}.back-link{margin-top:40px;font-size:18px;color:var(--primary-color);text-decoration:none;transition:color .3s ease}.back-link:hover{color:var(--secondary-color)}.apps-section{transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1);will-change:transform}.apps-section.scaled{transform:scale(1.08);box-shadow:0 8px 32px 0 rgba(0,0,0,.18);z-index:2}.apps-section.shrunk{transform:scale(.96);opacity:.85;z-index:1}.about-section,.apps-section,.contact-section,.home-section{transition:transform .7s cubic-bezier(.4,0,.2,1),box-shadow .7s cubic-bezier(.4,0,.2,1),opacity .7s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.about-section.scaled,.apps-section.scaled,.contact-section.scaled,.home-section.scaled{transform:scale(1.08);box-shadow:0 8px 32px 0 rgba(0,0,0,.18);z-index:2}.about-section.shrunk,.apps-section.shrunk,.contact-section.shrunk,.home-section.shrunk{transform:scale(.96);opacity:.85;z-index:1}.contact-section.scaled{transform:scale(1.03);box-shadow:0 8px 32px 0 rgba(0,0,0,.18);z-index:2}@media (max-width:600px){body,html{width:100vw;min-height:100vh;overflow-x:hidden}.about-section,.apps-section,.contact-section,.home-section{width:100vw!important;max-width:100vw!important;padding:0 8px;box-sizing:border-box}.scaled,.shrunk{transform:none!important;filter:none!important}.about-me{font-size:1em!important;line-height:1.5!important;word-break:break-word}}@media (min-width:390px) and (max-width:767px){.navbar{align-items:center;padding:1rem;height:75px}.navbar-links{gap:1rem}.navbar-links a{font-size:14px}.music-container{flex-direction:column;justify-content:center;align-items:center;margin-top:20px;margin-left:0;padding:10px 0 200px}.music-container iframe{max-width:100%;margin-bottom:20px}.header-play{font-size:36px;text-align:center;margin-top:150px}.sub-header{font-size:20px;text-align:center}.about-me{flex-direction:column;align-items:center;justify-content:center;margin-left:0;padding:0 0 200px;width:100%}.about-me p{width:100%;font-size:16px;line-height:28px;text-align:center;margin:0 auto}.header-about{font-size:36px;text-align:center;margin-top:100px}.form-box{padding:0;align-items:center;justify-content:center;display:flex}.form-content{width:100%;max-width:100%;margin-top:20px;font-family:var(--font-family)}.contact-area,.form-content{align-items:center;justify-content:center;display:flex;flex-direction:column}.contact-area{margin-top:100px;padding:1rem}.header-form{font-size:36px;text-align:center;margin-left:0}.form-content input,.form-content textarea{font-size:14px;margin-bottom:10px;font-family:var(--font-family)}.submit-container{margin-top:20px;display:flex;justify-content:center;align-items:center}.submit-button{width:100%;margin-left:20px}.contact-container{flex-direction:column}.contact-container,.contact-me{width:100%;align-items:center;justify-content:center;display:flex}.contact-me,.contact-me p{text-align:center}.contact-me p{font-size:18px;line-height:30px;width:100%;margin:0 auto}.footer-container{height:auto;padding:20px 10px}.inner-footer{flex-direction:column;align-items:center;margin:0}.social-icons{gap:10px;justify-content:center;flex-wrap:wrap}.contact-info{align-items:center;text-align:center;margin-top:10px}.contact-info a,.contact-info p{font-size:14px}.footer-header{text-align:center}.roadmap-page-container{padding:100px 1rem 2rem}.roadmap-intro{font-size:16px}.roadmap-app-header{flex-direction:column;gap:8px}.roadmap-item-count{margin-left:0;align-self:flex-start}}#about,#contact,#home{padding-top:60px}