body,html{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{background-color:#e82431;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body span:hover{cursor:pointer}body .spotifyInfo{position:absolute;margin-top:-9px;color:#fff;font-size:15px;font-family:Taijawl,sans-serif;right:20px;top:50%}body .init{z-index:99999;position:absolute;left:50%;top:60%;height:300px;margin-top:-120px;margin-left:-66px}body .init a,body .init span,body .init svg,body .init:hover{cursor:pointer}body .init img{position:absolute;top:-50px;left:50%;margin-left:-24px}body .init p{color:rgba(255,255,255,.6);font-family:Taijawl,sans-serif;font-weight:200;font-size:15px;text-align:center;margin-bottom:60px}body .blur{-webkit-transition:all 4s ease-out;-moz-transition:all 4s ease-out;-ms-transition:all 4s ease-out;-o-transition:all 4s ease-out;transition:all 4s ease-out;z-index:9999;-webkit-filter:blur(12px);filter:url(blur.svg#blur);filter:blur(12px)}body .title{position:absolute;top:20px;left:22px}body .title h2{font-family:Taijawl,sans-serif;font-weight:700;font-size:24px;color:#fff;margin-top:0;margin-left:5px}body #bars{opacity:0;height:35px;left:50%;position:absolute;bottom:20px;width:45px;margin-left:-22px}body .bar{background:#fff;bottom:1px;height:2px;position:absolute;width:1.5px;-webkit-animation:sound 0ms -800ms linear infinite alternate;animation:sound 0ms -800ms linear infinite alternate}@-webkit-keyframes sound{0%{height:3px}100%{opacity:1;height:20px}}@keyframes sound{0%{height:3px}100%{opacity:1;height:20px}}body .bar:nth-child(1){left:1px;-webkit-animation-duration:474ms;animation-duration:474ms}body .bar:nth-child(2){left:5px;-webkit-animation-duration:453ms;animation-duration:453ms}body .bar:nth-child(3){left:9px;-webkit-animation-duration:407ms;animation-duration:407ms}body .bar:nth-child(4){left:14px;-webkit-animation-duration:458ms;animation-duration:458ms}body .bar:nth-child(5){left:17px;-webkit-animation-duration:400ms;animation-duration:400ms}body .bar:nth-child(6){left:21px;-webkit-animation-duration:427ms;animation-duration:427ms}body .bar:nth-child(7){left:25px;-webkit-animation-duration:441ms;animation-duration:441ms}body .bar:nth-child(8){left:29px;-webkit-animation-duration:419ms;animation-duration:419ms}body .menu{position:absolute;top:47%;margin-top:-150px;font-weight:300;width:180px;height:300px;opacity:0}body .menu input{outline:0}body .menu input[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box;font-family:Tajawal,sans-serif;font-size:14px;line-height:100%!important}body .menu input::-webkit-search-cancel-button,body .menu input::-webkit-search-decoration{display:none}body .menu input[type=search]{background:#ededed url(../assets/search.png) no-repeat 12px center;color:#fff;border:0;background-color:rgba(255,255,255,.24);padding:14px 10px 9px 38px;width:80px;-webkit-border-radius:10em;-moz-border-radius:10em;border-radius:10em;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}body .menu input[type=search]:focus{outline:0;width:135px;-webkit-background-color:rgba(255,255,255,.1);-moz-background-color:rgba(255,255,255,.1);-o-background-color:rgba(255,255,255,.1);background-color:rgba(255,255,255,.1)}body .menu input[type=search]:blur{outline:0;width:135px;-webkit-border-radius:10em;-moz-border-radius:10em;border-radius:10em}body .menu input:-moz-placeholder{color:rgba(255,255,255,.6)}body .menu input::-webkit-input-placeholder{color:rgba(255,255,255,.6)}body .menu .trans{-webkit-transition:all .6s ease-out;-moz-transition:all .6s ease-out;-ms-transition:all .6s ease-out;-o-transition:all .6s ease-out;transition:all .6s ease-out;text-rendering:optimizeSpeed}body .menu ul{padding-left:0;margin-left:30px}body .menu ul li,body .menu ul p{cursor:pointer;font-family:Tajawal,sans-serif;font-size:14px;color:#fff;opacity:.6;font-weight:500;list-style-type:none;margin:30px 0;text-decoration:none}body .menu ul li p,body .menu ul p p{padding-top:4px}body .menu ul li #searchBar:hover,body .menu ul p #searchBar:hover{padding-left:0}body .menu ul li #errorMessage,body .menu ul p #errorMessage{opacity:0;padding-left:4px;color:#000;font-weight:900;width:200px}body .menu ul li #errorMessage:hover,body .menu ul p #errorMessage:hover{padding-left:4px;cursor:default}*{box-sizing:border-box}div{-webkit-animation:hue-rotate 10s linear infinite;animation:hue-rotate 10s linear infinite}.button{width:139.5px;cursor:pointer;-webkit-font-smoothing:antialiased;background-color:#ef555f;border:0;display:inline-block;font-size:14px;font-weight:100;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;letter-spacing:1px;color:#fff;padding:17px 43px;font-family:Taijawl,sans-serif;text-transform:uppercase;transition:all .1s ease-out}.button--bubble{width:139.5px;cursor:pointer;position:relative;z-index:2;color:#fff;background:0 0}.button--bubble:active+.button--bubble__effect-container{cursor:pointer;-webkit-transform:scale(0.95);transform:scale(0.95)}.button--bubble__container{width:139.5px;position:relative;display:inline-block}.button--bubble__container .effect-button{cursor:pointer;position:absolute;width:50%;height:25%;top:50%;left:25%;z-index:1;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:#ef555f;transition:background .1s ease-out}.effect-button:hover{cursor:pointer}.button--bubble__effect-container{position:absolute;display:block;width:200%;height:400%;top:-150%;left:-50%;-webkit-filter:url(#goo);filter:url(#goo);transition:all .1s ease-out;pointer-events:none}.button--bubble__effect-container .circle{position:absolute;width:25px;height:25px;border-radius:15px;background:#ef555f;background-color:#ef555f;transition:background .1s ease-out}.button--bubble__effect-container .circle.top-left{top:40%;left:27%}.button--bubble__effect-container .circle.bottom-right{bottom:40%;right:27%}.goo{position:absolute;visibility:hidden;width:1px;height:1px}.button--bubble__container{cursor:pointer;top:50%;margin-top:-25px}.button--bubble__container:hover{cursor:pointer}