@import"https://fonts.googleapis.com/css2?family=Paytone+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Squada+One&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";*{font-family:Poppins;margin:0%;padding:0%;font-size:12px;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}:root{--tertiary: hsl(0, 0%, 74%);--background: #0c0c0c}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#303030}::-webkit-scrollbar-thumb{background:var(--tertiary);border-radius:8px}input,textarea,button,a{-webkit-tap-highlight-color:rgba(0,0,0,0)}a:focus,a:visited,a:active{outline:none}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px rgb(17,17,17) inset!important;-webkit-text-fill-color:#ffffff!important}a{text-decoration:none;color:#fbfff4;font-weight:500}body,html{background-color:var(--background);color:#f7fff4}html{scroll-behavior:smooth}nav{align-items:center}.menu-icon{background-color:transparent;border:none;margin-right:2em;line-height:0;display:flex;flex-direction:column;align-items:center}a .logo{font-family:Poppins;font-size:22px;width:45px;margin-left:1.3em;font-weight:bolder}a .logo span{font-family:Poppins;font-size:22px;color:var(--tertiary)}nav ul{position:fixed;z-index:999;top:0;right:0;box-shadow:1px 12px 29px #13121b81;height:50vh;list-style:none;border-radius:4px;-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px);background:#0c0c0c;width:100%;margin:auto;text-align:end;color:var(--tertiary);padding:2em 3em 3em;transform:translateY(-140%);opacity:0;font-size:14px;transition:transform .2s ease-in-out,opacity .4s ease-in-out}nav ul li{cursor:pointer;margin:2em 0;font-size:14px}nav ul li:nth-of-type(1){margin-top:0}nav ul li a{text-decoration:none;color:#fff;font-size:1rem;transition:all .2s ease-in-out}nav ul li a:hover{font-weight:600}nav ul li a:active,nav ul li a:focus,section:target~nav ul li a[href="#what-are-we"],section:target~nav ul li a[href="#what-we-do"],section:target~nav ul li a[href="#work-with-us"],#Hero:target~nav ul li a[href="#what-are-we"],#About:target~nav ul li a[href="#what-we-do"],#Projects:target~nav ul li a[href="#work-with-us"]{font-weight:600;text-decoration:underline}.open{transform:translate(0);opacity:100%}.button{display:flex;justify-content:center}button{margin:2em auto;background-color:var(--tertiary-color);border-radius:11px;border:none;color:var(--text-color);cursor:pointer;transition:.2s ease-in-out}button:hover{opacity:80%}.navbar nav ul li{transition:.2s ease-in-out}svg{cursor:pointer;color:#fff}.navbar{display:flex;align-items:center;justify-content:space-between;gap:4em;position:sticky;top:0;width:100%;z-index:100;-webkit-backdrop-filter:blur(99px);backdrop-filter:blur(99px);background:#0c0c0c}.hero{background-image:url(/assets/hero-BBLNEnql.jpg);background-size:cover;background-position:center;height:600px;padding-bottom:2em;margin-bottom:2em}.hero-container{margin:0 auto 2em;width:90%;text-align:center}.hero-container .heading{font-size:26px;font-weight:700;color:var(--tertiary);text-align:start}.team-member{width:100px;border-radius:100px;margin:20px auto 10px;border:3px solid var(--tertiary);transition:all .2s ease-in-out}.team-member:hover,.gif:hover{transform:scale(1.01);filter:drop-shadow(0 0px 4px var(--tertiary))}.container{margin:4em auto 2em;width:95%;text-align:center}.gif{width:100px;filter:drop-shadow(0 0px 6px var(--tertiary));transition:all .2s ease-in-out}.wrap{background-color:#111;padding:3em;width:98%;margin:0 auto 3em}.wrapper{width:95%;margin:0 auto}.image-description{width:270px;transition:all .5s ease-in-out}.image-description:hover{filter:drop-shadow(0 0px 4px var(--tertiary))}.header{font-size:17px;color:var(--tertiary);font-weight:700}.sub-text{display:flex;align-items:center;font-size:13px;margin-top:1em;color:#dadada;font-weight:500;text-align:justify}.sub-text img{width:25px;margin-right:.5em;padding:0}.hero-container .line{width:70%;margin:4em auto;display:flex;justify-content:center;gap:10px}.hero-container .line:before,.hero-container .line:after,.hero-container .line span{content:"";display:block;width:10px;height:10px;background-color:var(--tertiary);border-radius:50%}.hero-logo{font-size:70px;font-family:Poppins;margin-bottom:.5em;font-weight:800;padding-top:1em}.team-box{border:1px solid grey;border-radius:7px;min-width:160px;margin-bottom:1em;margin-right:2em;margin-top:1em;height:210px}.team-box:last-child{margin-right:0}.team{width:100%;overflow-x:auto;scroll-behavior:smooth;white-space:nowrap;display:flex;scrollbar-width:thin}.team-name{font-weight:800}.team-role{color:var(--tertiary);font-weight:500}.project{width:100%;background-color:#ffffff07;margin:0 auto 1em;border-radius:6px;cursor:pointer}.see-all p{text-align:end;margin-top:14px;color:gray;font-weight:500;font-size:13px;text-decoration:underline}.music{width:100%;margin:0 auto;border-radius:6px;cursor:pointer}.project-image{width:100%;border-radius:6px 6px 0 0;display:flex;aspect-ratio:16 / 10;object-fit:cover;object-position:top;margin:auto;transition:all .3s ease-in-out}.poster-image{width:100%;display:flex;aspect-ratio:1 / 1;object-fit:cover;object-position:top;margin:auto;transition:all .3s ease-in-out}.song-image{width:100%;border-radius:7px;display:flex;aspect-ratio:1 / 1;object-fit:cover;object-position:top;margin:auto;transition:all .3s ease-in-out}.soccer-image{width:100%;display:flex;aspect-ratio:3 / 4;object-fit:cover;object-position:top;margin:auto;transition:all .3s ease-in-out}.logo-image{width:100%;display:flex;aspect-ratio:16 / 12;object-fit:cover;object-position:top;margin:auto;transition:all .3s ease-in-out}.music p{color:#acacac;text-align:start}.project p{width:94%;margin:auto;color:#f1f1f1;text-align:start}.project p:last-child{padding:0 0 3.4em}.project p:first-of-type{padding:.7em 0}.music p:first-of-type{padding:.4em 0 .1em}.project-name{font-size:13px;font-weight:600}.music-name{font-size:13px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.about-image{width:100%}.project-type{color:gray;padding:.4em 0}.project-desc{font-size:11.4px;overflow:hidden;width:100%;opacity:80%;text-overflow:ellipsis;-webkit-box-orient:vertical;line-height:1.2;max-height:2.4em}.song-artist{font-size:11.5px;overflow:hidden;width:100%;opacity:80%}.project .song-artist{padding:0 0 1.4em}.modal{position:fixed;top:0;left:0;right:0;bottom:0;-webkit-backdrop-filter:blur(29px);backdrop-filter:blur(29px);background:#0c0c0ccc;display:flex;justify-content:center;align-items:center;z-index:999}.modal-image{max-width:100%;transition:all .3s ease-in-out;max-height:95%;box-shadow:0 4px 15px #00000080}.about{margin-top:3em}footer{background-color:#111;margin-top:8em;padding-top:4em;padding-bottom:1em}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes rotate{0%{transform:rotate(0)}50%{transform:rotate(15deg)}to{transform:rotate(1deg)}}.head-footer svg{color:var(--tertiary);animation:pulse 2s infinite ease-in-out;animation:rotate 2s infinite ease-in-out}.footer-cont form{width:85%;max-width:400px;min-width:200px;margin:0 auto;padding-bottom:1em}.footer-cont fieldset{border:none;padding:2rem 0 0;border-bottom:3px solid var(--tertiary)}input,textarea{border-top:none;border-left:none;border-right:none;border-bottom-color:var(--tertiary);border-bottom-width:1px;background-color:transparent;outline:none;color:#fff;caret-color:#fff}input:active{outline:none}.submit-btn{background-color:#fff;border:none;border-radius:4px;color:#000;font-weight:600;height:34px;transition:all .5s ease-in-out}.submit-btn:hover{cursor:pointer}.submit-btn:active{opacity:90%}.error-message{color:#e24242;font-size:11px;margin-top:4px}.send-message{font-size:20px;text-align:center;font-weight:700}.emailadr{margin:1em auto 0;display:flex;justify-content:center;align-items:center;gap:1em}.footer-cont fieldset:last-of-type{border-bottom:none}.footer-cont form h1{text-align:center;font-size:30px;margin-top:.6em;margin-bottom:.6em}.footer-cont label{display:block;font-size:13px;font-weight:500;margin:1.3rem 0}footer .social-icons{display:flex;justify-content:center}input,textarea,select{margin:0;width:100%;min-height:2em}.footer-bottom{text-align:center;padding-top:2em;font-size:13px;color:gray}.submit-btn:disabled{background-color:#ccc;cursor:not-allowed}.send-msg{color:green;font-size:1rem;font-weight:700;text-align:center;margin-top:1rem}.song-info{display:grid;justify-content:space-between;gap:1em;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}a .dev-logo{font-family:Paytone one;font-size:15px;margin:0 1.5em 1em}a .dev-logo span{font-family:Paytone one;font-size:15px;color:#8a31d3;border-bottom:3px solid hsl(273,65%,51%)}.music-info{display:flex;justify-content:space-between;align-items:center;width:99%;margin:auto}.play-button{width:32px;opacity:80%}.developer{width:200px;display:flex;align-items:center;margin-top:3em;border:1px solid grey;color:#fff;border-radius:6px}.developer button{margin:1em auto 0}.social-icons{display:flex;align-items:center;gap:2em;margin-top:10px}.icon{width:30px;transition:all .2s ease-in-out;cursor:pointer}.text004{color:var(--primary);font-size:50px;font-weight:400}.footerlogo{width:60px}.footertext{margin-top:1em;color:#dbdbdb;font-size:13px}.card005{display:flex;align-items:center;margin-bottom:1em;margin-top:1em;border-radius:10px}.card005 .icon svg{color:#fff;width:30px}.card005 .details{margin-left:1em;height:auto;padding-left:1em}.card005 .details p:nth-of-type(2){color:gray;font-size:11px}.explore h1,section h1{font-size:23px}footer .navbar{margin-top:8em}.copyright{align-content:end}.explore p,.copyright p{font-size:14px;color:gray;margin:.5em 0}.explore p a{font-size:12px;color:gray}.copyright{width:90%;margin:auto}footer .wrapping{display:grid;padding:0;width:90%;gap:3em;margin:0 auto 1em;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (min-width: 550px){.about-image{width:60%}}@media (min-width: 692px){.team{display:flex;flex-direction:unset;justify-content:center;gap:20px;margin:2em auto}}@media (min-width: 812px){.menu-icon{display:none}footer .wrapping{width:70%}section{scroll-margin-top:85px}.navbar{justify-content:unset}a .logo{margin-left:7em;margin-top:12px;margin-bottom:11px}.navbar nav ul{display:flex;top:2em;right:2em;color:#fff;opacity:100%;height:33px;-webkit-backdrop-filter:none;backdrop-filter:none;background:none;box-shadow:none;text-align:center;width:600px;padding:0 8em 11px 0;transform:translate(0);transition:transform .5s ease-in-out}.navbar nav ul li{list-style:none;display:flex;margin:auto;font-weight:400;align-items:center;justify-content:center}.navbar nav ul li:nth-of-type(1){display:none}.open{transform:translate(0);opacity:100%}.project p:last-child{padding:0 0 4.8em}.hero{height:480px}.hero-container{width:70%}.split{display:flex;align-items:center;justify-content:center;gap:20px}.container .sub-text{text-align:start;width:50%}.team{display:flex;flex-direction:unset;justify-content:center;gap:20px;margin:2em auto}.team-box{margin-right:0}.wrapper{padding:1em;width:60%;margin:0 auto}.project-info{display:grid;justify-content:space-between;gap:1em;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.project{margin:0 auto}.container{margin-bottom:0}.name-and-phone{display:flex;align-items:center;gap:5em}.footer-cont form{max-width:700px}.about-image{width:44%;float:left;height:fit-content;margin-right:1em;margin-bottom:.5em}.about p{margin-top:0;display:block}.modal-image{max-width:100%;transition:all .3s ease-in-out;max-height:85%;border-radius:2px}.copyright{width:70%;margin:auto}}
