#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:#fff;--font-family:"Saira",sans-serif;font-family:var(--font-family);line-height:1.5;font-weight:400;color-scheme:light dark;color:hsla(0,0%,100%,.87);background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:linear-gradient(hsla(0,0%,8%,.7),hsla(0,0%,8%,.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:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@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}}.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 #000;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:#000;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;font-family:var(--font-family);font-size:24px;line-height:40px;color:var(--secondary-color)}.footer-container{background-color:hsla(0,0%,100%,.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{color:var(--secondary-color);font-weight:300}.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:hsla(0,0%,100%,.07);border-radius:16px;box-shadow:0 0 10px 0 rgba(0,0,0,.1);padding:32px 24px;margin:0 16px;flex-direction:column;max-width:350px}.app-image{border-radius:8px;margin-bottom: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{width:100%;margin-top:20px}.apps-carousel,.apps-carousel-track{display:flex;align-items:center;justify-content:center}.apps-carousel-track{gap:32px}.carousel-arrow{background:none;border:none;color:var(--primary-color);font-size:2.5rem;cursor:pointer;padding:0 16px;transition:color .2s}.carousel-arrow:disabled{color:#888;cursor:not-allowed}.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 (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{width:100%!important;margin:0 auto!important;align-items:center;justify-content:center;display:flex;padding:0!important;box-sizing:border-box}.form-content{max-width:100%!important;margin-top:20px;font-family:var(--font-family);margin:0 auto!important}.contact-area,.form-content{width:100%!important;align-items:center;justify-content:center;display:flex;flex-direction:column;box-sizing:border-box}.contact-area{margin-top:100px;padding:0;margin:0 auto!important}.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{width:100%!important;flex-direction:column;padding:0!important}.contact-container,.contact-me{align-items:center;justify-content:center;display:flex;margin:0 auto!important;box-sizing:border-box}.contact-me,.contact-me p{text-align:center;width:100%}.contact-me p{font-size:18px;line-height:30px;margin:0 auto!important;box-sizing:border-box}.footer-container{height:auto;padding:20px 10px;width:100%!important}.footer-container,.inner-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-sizing:border-box}.inner-footer{margin:0;width:100%;gap:12px}.footer-header{text-align:center;padding:0 16px;width:100%;box-sizing:border-box}.social-icons{gap:10px;flex-wrap:wrap}.contact-info,.social-icons{justify-content:center;width:100%;display:flex;align-items:center;text-align:center}.contact-info{margin-top:10px;flex-direction:column;box-sizing:border-box}.contact-info a,.contact-info p{font-size:14px;width:100%;text-align:center;margin:0 auto;box-sizing:border-box}}.success-message{font-size:24px}.error-message,.success-message{font-family:var(--font-family);color:var(--secondary-color)}.footer-header{color:var(--secondary-color)}#about,#contact,#home{padding-top:60px}