@import "https://fonts.googleapis.com/css2?family=Poppins:wght@100;400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic&display=swap";@import "https://fonts.googleapis.com/css2?family=Sora:wght@400;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Ubuntu&display=swap";a,a:visited,a:link,a:active{color:#fff}a:hover{color:#7464f1!important}*,:before,:after{box-sizing:border-box}.root{width:100%;height:100%;position:relative}.App{text-align:center}:root{--main-background-color:#121212;--main-accent-color:#0270ee;--main-accent-color-hover:#0092ff}body{background:var(--main-background-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.mainContent .header h1{text-align:left;text-transform:uppercase;margin:0;padding:16px 24px;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:48px}.mainContent .text{text-indent:36px;padding:24px}.mainContent .maxWidthArea{max-width:1600px;margin-left:auto;margin-right:auto}.mainContent .fullWidthStripe{background:var(--main-accent-color)}.mainContent .secondaryNav{background:var(--main-background-color);height:72px;display:flex}.mainContent .secondaryNav .navBtn{cursor:pointer;text-align:center;flex-grow:1;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:36px;line-height:68px;transition:background-color .5s}.mainContent .secondaryNav .navBtn.current,.mainContent .secondaryNav .navBtn:hover{background:var(--main-accent-color)}.scroll-to-top{background:var(--main-accent-color);text-align:center;border-radius:16px;width:96px;height:96px;font-size:64px;position:fixed;bottom:20px;right:20px}.scroll-to-top a{color:#fff}.backButtonMobile{display:none}@media only screen and (width<=900px){.backButtonMobile{cursor:pointer;z-index:1000;color:#fff;background:#000000b3;height:60px;padding-top:8px;font-size:32px;display:inline-block;position:fixed;bottom:0;left:0;right:0}}.loading{top:calc(50%-0px);color:#fff;text-align:center;vertical-align:middle;font-size:108px;position:fixed;bottom:50%;left:0;right:0}.loading i{animation:4s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.triple-holder{background-color:var(--main-background-color);min-width:360px;display:flex;position:absolute;inset:0}@media only screen and (width<=900px){.triple-holder{flex-direction:column}}.one-third-region{outline:inherit;background-position:50%;background-size:cover;border:none;flex:auto;align-items:stretch;padding:0;transition:flex 1s;display:flex}.one-third-region:active,.one-third-region:focus{border:6px solid #fffc;font-size:80px}.one-third-region:hover{font-size:80px}@media only screen and (width<=900px){.one-third-region{flex-direction:column}}.one-third-region.closed{flex:0}@media only screen and (width<=900px){.one-third-region.closed{display:none}}.one-third-region.open{border:none;flex:1}.one-third-region:nth-child(3){border-right:unset}.one-third-region .title{color:#fff;white-space:nowrap;text-shadow:1px 3px 12px #0a0a0a;cursor:pointer;background:0 0;border:none;flex-grow:1;font-family:Sora,sans-serif;font-size:72px;transition:box-shadow .8s,font-size .8s;box-shadow:inset 0 4px 32px 16px #0000004d}.one-third-region .title svg{filter:drop-shadow(1px 3px 12px #000)}@media only screen and (width<=1200px){.one-third-region .title{font-size:54px}.one-third-region .title:hover{font-size:60px}}.one-third-region.open .title,.one-third-region.closed .title{width:120px;max-width:120px;box-shadow:none;font-size:60px}@media only screen and (width<=900px){.one-third-region.open .title,.one-third-region.closed .title{width:100%!important;max-width:unset!important}}.one-third-region .title p{position:relative}@media only screen and (width<=900px){.one-third-region .title p{top:8%}}@media only screen and (width>=900px){.one-third-region.open .title p,.one-third-region.closed .title p{top:10%;transform:translateY(-50%)rotate(-90deg)}}@media only screen and (width<=900px){.one-third-region.open .title p,.one-third-region.closed .title p{margin:unset;margin-top:26px}}.one-third-region.open .title{flex-grow:unset;width:140px}.one-third-region .title .fa{margin-right:24px}.one-third-region .content{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#e6000000",GradientType=1);opacity:.9;cursor:unset;color:#fff;text-align:justify;background:linear-gradient(90deg,#0000 0%,#000000e6 10%,#000000f2 100%);flex:1;padding:16px;font-family:Ubuntu,sans-serif;font-size:19px;line-height:24px;transition:width 1s,padding 1s,visibility 1s;position:relative;overflow:hidden scroll}.one-third-region .content p{text-indent:48px}@media only screen and (width<=900px){.one-third-region .content{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#e6000000",GradientType=1);background:linear-gradient(#0000 0%,#000c 10%,#000000e6 100%)}}.one-third-region .content h1{text-indent:0;font-size:42px}.mainContent{text-align:justify;color:#fff;background:#111;min-height:100%;position:absolute;top:100%;left:0;right:0;overflow-x:visible}.content .see-more{text-align:center;width:100%;margin-top:40px;margin-bottom:30px}@media only screen and (width<=900px){.content .see-more{margin-bottom:80px}}.content .see-more a{color:#fff;font-size:24px;text-decoration:none;transition:color .5s}.content .see-more a:hover{color:var(--main-accent-color)}.triple-holder .page-loading{box-sizing:border-box;color:#fff;width:100%;height:100%;padding-top:23%;font-family:Ubuntu,sans-serif;font-size:24px;line-height:32px}.triple-holder .page-loading i{margin-right:24px;animation:4s linear infinite spin}.close-panel{position:absolute;top:32px;right:32px}@media (width<=900px){.close-panel{display:none;top:0}}.close-panel button{border:unset;background:0 0}.close-panel button:hover{cursor:pointer}.close-panel svg{color:#fff}.music{margin-bottom:80px}.music img{max-width:100%}.music .banner-wrap{line-height:0;position:relative}@media (width<=740px){.music .banner-wrap{width:calc(100% + 32px);margin:0 -16px}}.music .banner{aspect-ratio:3;object-fit:cover;object-position:62% 28%;border-radius:1rem;width:100%;display:block}@media (width<=1100px){.music .banner{aspect-ratio:5/2}}@media (width<=740px){.music .banner{aspect-ratio:16/9;object-position:66% 24%;border-radius:0}}.music .markets{margin-top:12px}.music .markets img{margin:24px 0}@media (width<=740px){.music .markets img{margin:12px 0}}.section-heading{text-transform:uppercase;letter-spacing:.08em;border-bottom:2px solid #ffffff26;margin:48px 0 8px;padding-bottom:8px;font-family:Poppins,sans-serif;font-size:1.6rem;font-weight:700}@media (width<=740px){.section-heading{margin-top:36px;font-size:1.3rem}}.spotify-player{margin:24px 0 8px}.spotify-player iframe{background:#ffffff0f;border:0;border-radius:12px;width:100%;display:block}.spotify-player .player-fallback{opacity:.6;text-align:center;margin-top:8px;font-size:.85rem}.spotify-player .player-fallback a{color:#7464f1}.hero-release{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;grid-template-columns:minmax(0,260px) minmax(0,1fr);align-items:center;gap:28px;margin-top:24px;padding:24px;display:grid}@media (width<=740px){.hero-release{text-align:center;grid-template-columns:minmax(0,1fr);gap:20px;padding:16px}}.hero-release .hero-art{border-radius:8px;line-height:0;display:block;overflow:hidden}.hero-release .hero-art img{width:100%;transition:all .3s ease-in-out;transform:scale(1)}.hero-release .hero-art:hover img{opacity:.75;transform:scale(1.06)}.hero-release .hero-detail{font-family:Poppins,sans-serif}.hero-release .badge{color:#fff;text-transform:uppercase;letter-spacing:.1em;background:#7464f1;border-radius:999px;margin-bottom:12px;padding:4px 12px;font-size:.7rem;font-weight:700;display:inline-block}.hero-release h4{margin:0;font-size:2.4rem;font-weight:700;line-height:2.8rem}@media (width<=740px){.hero-release h4{font-size:1.8rem;line-height:2.2rem}}.hero-release .hero-year{text-transform:uppercase;letter-spacing:.1em;opacity:.85;margin:4px 0 20px;font-size:1rem;font-weight:400}.hero-release .hero-links{flex-wrap:wrap;gap:12px;display:flex}@media (width<=740px){.hero-release .hero-links{justify-content:center}}.hero-release .hero-link{border-radius:999px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s ease-in-out;display:inline-flex;color:#fff!important}.hero-release .hero-link svg{font-size:1.2rem}.hero-release .hero-link.spotify{background:#1db954}.hero-release .hero-link.spotify:hover{background:#1ed760}.hero-release .hero-link.youtube{background:0 0;border:2px solid #ffffff4d}.hero-release .hero-link.youtube:hover{background:red;border-color:red}.tiles{margin:unset;flex-wrap:wrap;padding:40px 0;list-style:none;display:flex}@media (width<=1100px){.tiles{padding:20px 0}}.tiles li{width:50%;padding:8px}.tiles li:nth-child(5n-2),.tiles li:nth-child(5n-1),.tiles li:nth-child(5n){width:33.333%}@media (width<=740px){.tiles li,.tiles li:nth-child(5n-2),.tiles li:nth-child(5n-1),.tiles li:nth-child(5n){width:100%}}.tiles.albums li,.tiles.albums li:nth-child(5n-2),.tiles.albums li:nth-child(5n-1),.tiles.albums li:nth-child(5n){width:25%}@media (width<=1100px){.tiles.albums li,.tiles.albums li:nth-child(5n-2),.tiles.albums li:nth-child(5n-1),.tiles.albums li:nth-child(5n){width:33.333%}}@media (width<=740px){.tiles.albums li,.tiles.albums li:nth-child(5n-2),.tiles.albums li:nth-child(5n-1),.tiles.albums li:nth-child(5n){width:50%}}.song{background:#fff;border:4px solid #fff;border-radius:4px;line-height:0;display:block;position:relative;overflow:hidden}.song img{width:100%;transition:all .3s ease-in-out;transform:scale(1)}.song:hover img,.song:focus-within img{transform:scale(1.08)}.song-overlay{z-index:2;text-align:left;opacity:0;background:linear-gradient(#0000001a 0%,#0000008c 45%,#000000e0 100%);flex-direction:column;justify-content:flex-end;gap:10px;padding:12px;font-family:Poppins,sans-serif;line-height:1.25;transition:opacity .25s ease-in-out;display:flex;position:absolute;inset:0}.song:hover .song-overlay,.song:focus-within .song-overlay{opacity:1}@media (hover:none){.song-overlay{opacity:1;background:linear-gradient(#0000 30%,#000000d9 100%)}}.song-meta{color:#fff;text-shadow:0 1px 4px #000000e6;flex-direction:column;gap:2px;display:flex}.song-name{font-size:.9rem;font-weight:700}@media (width<=900px){.song-name{font-size:.8rem}}.song-sub{opacity:.8;font-size:.72rem;font-weight:100}.song-actions{flex-wrap:wrap;gap:8px;display:flex}.song-actions a.song-btn{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:.75rem;font-weight:700;line-height:1;text-decoration:none;transition:background .2s ease-in-out,border-color .2s ease-in-out;display:inline-flex;color:#fff!important}.song-actions a.song-btn svg{font-size:.95rem}.song-actions a.song-btn.spotify{background:#1db954}.song-actions a.song-btn.spotify:hover,.song-actions a.song-btn.spotify:focus-visible{background:#1ed760}.song-actions a.song-btn.youtube{background:#ffffff29;border:1px solid #ffffff73}.song-actions a.song-btn.youtube:hover,.song-actions a.song-btn.youtube:focus-visible{background:red;border-color:red}.song-actions a.song-btn:focus-visible{outline-offset:2px;outline:2px solid #fff}@media (width<=900px){.song-actions a.song-btn{padding:6px 10px;font-size:.68rem}}.platforms{z-index:2;flex-wrap:wrap;gap:22px;margin:0;padding:0;list-style:none;display:flex;position:absolute;bottom:18px;left:24px}@media (width<=740px){.platforms{gap:18px;bottom:12px;left:16px}}.platforms li{line-height:0}.platforms a{color:#fff;opacity:.85;filter:drop-shadow(0 2px 5px #000000f2);transition:opacity .2s ease-in-out,transform .2s ease-in-out;display:inline-block}.platforms a:hover,.platforms a:focus-visible{opacity:1;transform:translateY(-3px);color:#fff!important}.platforms a:focus-visible{outline-offset:4px;border-radius:2px;outline:2px solid #fff}.platforms svg{font-size:1.75rem}@media (width<=740px){.platforms svg{font-size:1.4rem}}.code{margin-bottom:80px}.code .profile{text-align:center;flex-direction:column;justify-content:center;align-items:center;font-family:Poppins,sans-serif;display:flex}@media (width<=1100px){.code .profile{flex-direction:row}}@media (width<=400px){.code .profile{flex-direction:column}}.code .profile .photo{border:8px solid #fff;border-radius:100%;max-width:220px;margin-top:2rem;margin-bottom:14px}@media (width<=1100px){.code .profile .photo{border-width:6px;max-width:140px}}.code .profile .text{flex-direction:column;display:flex}@media (width<=1100px){.code .profile .text{text-align:left;margin-left:16px}}@media (width<=400px){.code .profile .text{text-align:center}}.code .profile .my-name{font-size:2.8rem;font-weight:700;line-height:3.5rem}@media (width<=1100px){.code .profile .my-name{font-size:2.2rem}}.code .profile .job-title{text-transform:uppercase;text-shadow:1px 1px 2px #121212;font-size:1.4rem;font-weight:100;line-height:2rem}@media (width<=1100px){.code .profile .job-title{font-size:1.2rem}}.code .profile .links{margin-top:8px}.code .profile .links>*{vertical-align:middle;margin-right:16px;font-size:.8rem;text-decoration:none}.code .profile .links>* svg{vertical-align:middle;margin-right:4px;font-size:1.6rem}.code .profile .links>:last-child{margin-right:unset}.languages{flex-flow:wrap;justify-content:center;margin-top:16px;font-size:2.2rem;display:flex}.languages img,.languages svg{max-height:40px;margin-right:12px}@media (width<=900px){.languages img,.languages svg{max-height:40px;margin-top:12px;margin-right:20px}}.timeline{width:100%;margin:0 auto;padding:0;list-style-type:none;position:relative}.timeline:before{content:" ";background:-moz-linear-gradient(#50505000 0%,#505050 8% 92%,#50505000 100%);background:-o-linear-gradient(#50505000 0%,#505050 8% 92%,#50505000 100%);background:-ms-linear-gradient(top, #50505000 0%, #505050 8%, #505050 92%, #50505000 100%);z-index:5;background:linear-gradient(#50505000 0%,#505050 8% 92%,#50505000 100%);width:6px;height:100%;margin-left:-3px;display:block;position:absolute;top:0;left:50%}@media (width<=1100px){.timeline:before{left:7%}}.timeline{text-indent:0;margin:40px 0}.timeline li{width:100%;display:flex}.timeline li:nth-child(2n){justify-content:left}@media (width<=1100px){.timeline li:nth-child(2n){justify-content:right}}.timeline li:nth-child(2n-1){justify-content:right}.timeline li>div{flex-direction:column;width:50%;padding:0 20px;font-family:Poppins,sans-serif;display:flex}@media (width<=1100px){.timeline li>div{width:90%}}.timeline li>div:before{content:"";z-index:10;background:#fff;border:4px solid #525252;border-radius:100%;width:26px;height:26px;position:absolute;left:calc(50% - 13px)}@media (width<=1100px){.timeline li>div:before{left:calc(7% - 13px)}}.timeline li>div .job-title{color:#111;background-color:#fff;border-radius:4px;padding:12px;font-size:1.4rem}@media (width<=900px){.timeline li>div .job-title{flex-direction:column;font-size:1.2rem;display:flex}}.timeline li>div .job-title .location{font-weight:700}.timeline li>div .job-title .position{color:#333;font-family:IBM Plex Sans Arabic,sans-serif}@media (width<=1100px){.timeline li>div .job-title .position{font-size:1.1rem}}.timeline li>div .time{color:#fff;text-align:center;background-color:#7464f1;border-bottom-right-radius:4px;border-bottom-left-radius:4px;width:80%;margin:0 auto}@media (width<=900px){.timeline li>div .time{font-size:1rem}}.timeline li>div .desc{text-indent:24px;font-size:1rem}