@import"https://fonts.googleapis.com/css2?family=Heebo:wght@700;800&family=Raleway:ital,wght@0,500;0,700;1,500;1,700&display=swap";:root{--font-family:"Raleway",sans-serif;--font-family-alt:"Heebo",sans-serif;--font-weight-regular:500;--font-weight-bold:700;--font-weight-extra-bold:800;--font-size-xxs:0.75rem;--font-size-xs:0.875rem;--font-size-sm:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-xxl:2rem;--font-size-xxxl:2.5rem;--font-size-xxxxl:3rem;--line-height:1.5;--color-bg:#1e1e1e;--color-music:#e8a93c;--color-dev:#ed6326;--color-text:#fff;--color-text-alt:#e8e8e8;--color-text-alt-2:#bfbfbf}*{margin:0;padding:0;box-sizing:border-box;transition:all .2s ease-in-out}html{scroll-behavior:smooth}body,html{overflow-x:hidden}body{position:relative;width:100%;font-family:var(--font-family);font-weight:var(--font-weight-regular);font-size:var(--font-size-md);line-height:var(--line-height);color:var(--color-text);background-color:var(--color-bg)}.fadeLeft{transform:translateX(60%)}.fadeLeft,.fadeRight{opacity:0;filter:blur(2px);transition:.8s ease-out}.fadeRight{transform:translateX(-60%)}.fadeUp{transform:translateY(-10%)}.fadeDown,.fadeUp{opacity:0;filter:blur(2px);transition:.8s ease-out}.fadeDown{transform:translateY(10%)}.fade{opacity:0;filter:blur(2px);transition:.8s ease-out}.show{opacity:1;filter:blur(0);transform:translateX(0)}::-webkit-scrollbar{width:3px;border-radius:25px}::-webkit-scrollbar-track{background:none}::-webkit-scrollbar-thumb{background:#8f8f8f;border-radius:1.5px}::-webkit-scrollbar-thumb:hover{background:#555}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-alt);font-weight:var(--font-weight-bold);line-height:var(--line-height)}h1{font-size:var(--font-size-xxxl)}h2{font-size:var(--font-size-xxl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-md)}h6{font-size:var(--font-size-sm)}p{font-size:var(--font-size-md)}a{color:var(--color-text);text-decoration:none;transition:color .2s ease-in-out}a:hover{color:var(--color-text-alt)}.btnDev{padding:13px 23px;border:2px solid var(--color-dev);color:var(--color-text-alt-2);font-size:14px;font-weight:600;background-color:transparent;border-radius:4px;text-decoration:none;transition:.8s}.btnDev.alt{background-color:var(--color-text);color:var(--color-bg)}.btnDev:hover{background-color:var(--color-dev);color:var(--color-text)}.btnDev:hover.alt{background-color:var(--color-text);color:var(--color-bg)}.btnMusic{padding:13px 23px;border:2px solid var(--color-music);color:var(--color-text-alt-2);font-size:14px;font-weight:600;background-color:transparent;border-radius:4px;text-decoration:none;transition:.8s}.btnMusic.alt{border:2px solid var(--color-text);color:var(--color-text)}.btnMusic:hover{background-color:var(--color-music);color:var(--color-text)}.btnMusic:hover.alt{background-color:var(--color-text);color:var(--color-bg)}.btnLink{padding:13px 23px;display:inline-flex;gap:10px;align-items:center;justify-content:center;color:var(--color-text-alt-2);font-size:14px;font-weight:600;background-color:transparent;border-radius:4px;text-decoration:none;transition:.8s}.btnLink span{color:var(--color-text-alt-2)!important}@media screen and (max-width:768px){.btnLink{margin-top:2rem;padding:13px 23px 13px 0!important}}.btnLink:hover i{color:var(--color-music)!important}.btnLink:hover.alt i{color:var(--color-dev)!important}.btnLink:hover span{color:var(--color-text)!important}.container{max-width:1200px;width:90%;margin:4rem auto;min-height:calc(100vh - 4rem);display:flex;align-items:center}.container>div{width:100%}.socialFlex{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;bottom:0;left:3rem}@media screen and (max-width:768px){.socialFlex{display:none}}.socialFlex .socials{display:flex;flex-direction:column;align-items:center;justify-content:center}.socialFlex .socials i{margin-block:12px}.socialFlex .socials i:hover{color:var(--color-music)}.socialFlex .line{width:100%;height:140px;display:flex;justify-content:center}.socialFlex .line span{width:1px;height:140px;background-color:var(--color-music)}.socialFlex.dev i:hover{color:var(--color-dev)}.socialFlex.dev span{background-color:var(--color-dev)}.emailFlex{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;bottom:0;right:3rem}@media screen and (max-width:768px){.emailFlex{display:none}}.emailFlex a{position:absolute;bottom:172px;transform:rotate(-90deg) translateX(50%)}.emailFlex a:hover{color:var(--color-music)}.emailFlex .line{width:100%;height:140px;display:flex;justify-content:center}.emailFlex .line span{width:1px;height:140px;background-color:var(--color-music)}.emailFlex.dev a:hover{color:var(--color-dev)}.emailFlex.dev span{background-color:var(--color-dev)}.row{display:flex;align-items:center;justify-content:space-between}header{background-color:transparent;position:absolute;top:0;width:100%}header>div{padding:10px 0;width:calc(100% - 4rem);max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.open-mobile-nav{font-size:22px;cursor:pointer;display:none}.open-mobile-nav:hover{color:var(--color-music)}.close-mobile-nav{cursor:pointer;display:block;position:absolute;top:20px;right:20px;font-size:22px}.close-mobile-nav:hover{color:var(--color-music)}#nav{width:100%;display:flex;align-items:center;gap:4rem;margin-right:0}.logo{width:100px;height:100px;margin-top:0}.list-items{display:flex;gap:2rem;justify-content:space-between;margin-left:-100%}@media screen and (max-width:768px){.list-items{display:none}}.list-items-mobile{position:fixed;top:-100vh;left:0;right:0;height:100vh;z-index:4444;padding-block:200px;text-align:center;background-color:var(--color-bg);color:#fff;display:block;opacity:0}.list-items a,.list-items-mobile a{text-decoration:none}.list-item{list-style:none;color:var(--color-text-alt-2);position:relative;transition:all .2s ease-in-out}.list-item.mobile{font-size:30px;margin-block:50px}.list-item.music:hover{color:var(--color-music)}.list-item.dev:hover{color:var(--color-dev)}span{color:var(--color-text-alt)}.list-items-mobile.active{top:0;right:0;left:0;bottom:0;opacity:1;transition:all .7s}.builtby-p{color:var(--color2);text-align:center;padding-block:110px 70px;font-size:11px}