@import 'https://fonts.googleapis.com/css?family=Baloo+Bhaina';@import 'https://fonts.googleapis.com/css?family=Pattaya';@import 'https://fonts.googleapis.com/css?family=Finger+Paint';@import 'https://fonts.googleapis.com/css?family=Keania+One';html,body{width:100%;height:100%;margin:0;padding:0}body{box-sizing:border-box;background:#000 url(/img/concrete_wall_@2X.jpg) center center repeat;text-align:center}.page-wrapper{height:100%;display:flex;flex-direction:column;justify-content:space-between}main{margin-left:-225px;padding-top:40px}.txt-group{box-sizing:border-box;margin-bottom:-0.5em}.txt-group:nth-child(2){padding-left:150px}.txt-group:nth-child(3){padding-left:320px}.txt-group:nth-child(4){padding-left:450px}.txt-group--hidden{visibility:hidden;width:0;height:0;overflow:hidden}.txt-group__title{margin:0;padding:0;color:#9a9a9a;text-shadow:0 0 1px #000;-webkit-animation:none;animation:none;-webkit-transition-duration:.3s;transition-duration:.3s}.txt-group__title:hover{cursor:default}#romero-text{font-family:'Baloo Bhaina',cursive;font-size:2.2em;line-height:1.2}#nicholson-text{font-family:'Pattaya',sans-serif;font-size:2.2em}#ledger-text{font-family:'Finger Paint',cursive;font-size:2.1em}#leto-text{text-transform:uppercase;font-family:'Keania One',cursive;font-size:2.2em}.txt-group__title--visible{color:#fff}#romero-text.txt-group__title--visible{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #be1ea1,0 0 35px #be1ea1,0 0 40px #be1ea1,0 0 50px #be1ea1,0 0 75px #be1ea1}#nicholson-text.txt-group__title--visible{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #ac2bd4,0 0 35px #ac2bd4,0 0 40px #ac2bd4,0 0 50px #ac2bd4,0 0 75px #ac2bd4}#ledger-text.txt-group__title--visible{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #6eb218,0 0 35px #6eb218,0 0 40px #6eb218,0 0 50px #6eb218,0 0 75px #6eb218}#leto-text.txt-group__title--visible{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #ce0b5b,0 0 35px #ce0b5b,0 0 40px #ce0b5b,0 0 50px #ce0b5b,0 0 75px #ce0b5b}.txt-group__title--mini{font-size:60%}.txt-group__svg{visibility:hidden;width:0;height:0;overflow:hidden}.txt-group__audio{display:none}.joker{box-sizing:border-box;display:inline-block;width:90%;max-width:380px;height:auto;margin:0 auto;padding:15px 15px 11px;border-radius:50%;background:#fff}.js-transition{-webkit-transition-duration:.8s;transition-duration:.8s}.joker--rotate{-webkit-animation:rotate 60s linear infinite;animation:rotate 60s linear infinite}.joker__svg{box-sizing:border-box;margin:0;padding:0;background:#e6e6e6;border-radius:50%}.mood-audio{display:none}.btn-group{position:relative;width:100%;padding:15px 0;text-align:center;background:#fff}.btn-group:before,.btn-group:after{content:' ';position:absolute;top:-50px;display:block;width:0;height:0;background:transparent;border-top:50px solid transparent;border-bottom:40px solid transparent;z-index:-1}.btn-group:before{left:0;border-left:50vw solid #fff;border-right:50px solid transparent}.btn-group:after{right:0;border-right:50vw solid #fff;border-left:50px solid transparent}.btn-group__btn{position:relative;display:inline-block;margin:10px;padding:20px 20px 15px;background:#e6e6e6;border:1px solid #fff;border-radius:30px;cursor:pointer;font-family:'Baloo Bhaina',cursive;font-size:.8em;line-height:1.2;outline:none;-webkit-transition-duration:.3s;transition-duration:.3s}.btn-group__btn:after{content:' ';position:absolute;top:49%;right:-30px;width:30px;height:3px;background:#e6e6e6}.btn-group__btn:first-child:before{content:' ';position:absolute;top:49%;left:-30px;width:30px;height:3px;background:#e6e6e6}.btn-group__btn:hover,.btn-group__btn--selected{background:#000;color:#fff;outline:none}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes pulse{from{-webkit-transform:scale(1, 1);transform:scale(1, 1)}to{-webkit-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1)}}@keyframes pulse{from{-webkit-transform:scale(1, 1);transform:scale(1, 1)}to{-webkit-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1)}}@-webkit-keyframes moveVertical{from{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes moveVertical{from{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes neonRomero{to{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #be1ea1,0 0 35px #be1ea1,0 0 40px #be1ea1,0 0 50px #be1ea1,0 0 75px #be1ea1}}@keyframes neonRomero{to{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #be1ea1,0 0 35px #be1ea1,0 0 40px #be1ea1,0 0 50px #be1ea1,0 0 75px #be1ea1}}@-webkit-keyframes neonNicholson{to{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #ac2bd4,0 0 35px #ac2bd4,0 0 40px #ac2bd4,0 0 50px #ac2bd4,0 0 75px #ac2bd4}}@keyframes neonNicholson{to{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #ac2bd4,0 0 35px #ac2bd4,0 0 40px #ac2bd4,0 0 50px #ac2bd4,0 0 75px #ac2bd4}}@-webkit-keyframes neonLedger{to{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #6eb218,0 0 35px #6eb218,0 0 40px #6eb218,0 0 50px #6eb218,0 0 75px #6eb218}}@keyframes neonLedger{to{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #6eb218,0 0 35px #6eb218,0 0 40px #6eb218,0 0 50px #6eb218,0 0 75px #6eb218}}@-webkit-keyframes neonLeto{to{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #ce0b5b,0 0 35px #ce0b5b,0 0 40px #ce0b5b,0 0 50px #ce0b5b,0 0 75px #ce0b5b}}@keyframes neonLeto{to{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #ce0b5b,0 0 35px #ce0b5b,0 0 40px #ce0b5b,0 0 50px #ce0b5b,0 0 75px #ce0b5b}}.no-js main{display:flex;justify-content:space-between;align-items:stretch;height:100%;margin-left:0}.no-js .txt-group{display:flex;flex-direction:column;justify-content:space-between;width:25%;margin:0;padding:20px;text-align:center}.no-js .txt-group:nth-child(1) .txt-group__svg{-webkit-animation-delay:0s;animation-delay:0s}.no-js .txt-group:nth-child(2) .txt-group__svg{-webkit-animation-delay:.2s;animation-delay:.2s}.no-js .txt-group:nth-child(3) .txt-group__svg{-webkit-animation-delay:.4s;animation-delay:.4s}.no-js .txt-group:nth-child(4) .txt-group__svg{-webkit-animation-delay:.6s;animation-delay:.6s}.no-js .txt-group--hidden{position:absolute;top:0;right:0;width:10px;height:10px;visibility:visible;overflow:hidden;background:#1a1a1a;padding:0}.no-js .txt-group--hidden .txt-group__title{font-family:'Baloo Bhaina',cursive;font-size:2.2em;line-height:1.2;color:#e6e6e6;opacity:0}.no-js .txt-group--hidden .txt-group__svg{width:80%;max-width:500px;margin:0 auto;opacity:1;-webkit-transform:translateY(30%);transform:translateY(30%)}.no-js .txt-group--hidden:hover{width:100%;height:100%;overflow:auto}.no-js .txt-group--hidden:hover .txt-group__title{opacity:1}.no-js .txt-group__title{color:#fff;order:2}.no-js #romero-text{-webkit-animation:neonRomero .5s .8s ease-out forwards;animation:neonRomero .5s .8s ease-out forwards}.no-js #nicholson-text{-webkit-animation:neonNicholson .5s 1s ease-out forwards;animation:neonNicholson .5s 1s ease-out forwards}.no-js #ledger-text{-webkit-animation:neonLedger .5s 1.2s ease-out forwards;animation:neonLedger .5s 1.2s ease-out forwards}.no-js #leto-text{-webkit-animation:neonLeto .5s 1.4s ease-out forwards;animation:neonLeto .5s 1.4s ease-out forwards}.no-js .txt-group__title--mini{display:block}.no-js .txt-group__audio{display:block;width:100%;order:1}.no-js .txt-group__svg{width:auto;height:auto;visibility:visible;overflow:auto;margin-bottom:-20px;order:3;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-animation:moveVertical .5s ease-out forwards;animation:moveVertical .5s ease-out forwards}.no-js .joker{display:none}.no-js .btn-group{display:none}@media screen and (min-width:480px) and (max-width:739px){main{margin-left:0}.txt-group:nth-child(2){padding-left:0}.txt-group:nth-child(3){padding-left:0}.txt-group:nth-child(4){padding-left:0}}@media screen and (max-width:479px){main{margin-left:0}.txt-group{position:absolute;top:0;left:0;width:100%;z-index:10}.txt-group:nth-child(2){padding-left:0}.txt-group:nth-child(3){padding-left:0}.txt-group:nth-child(4){padding-left:0}.txt-group__title{padding:20px 0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.txt-group__title--visible{-webkit-transform:translateY(0);transform:translateY(0)}#romero-text.txt-group__title--visible{color:#be1ea1;text-shadow:-1px 0 #fff,0 1px #fff,1px 0 #fff,0 -1px #fff}#nicholson-text.txt-group__title--visible{color:#ac2bd4;text-shadow:-1px 0 #fff,0 1px #fff,1px 0 #fff,0 -1px #fff}#ledger-text.txt-group__title--visible{color:#6eb218;text-shadow:-1px 0 #fff,0 1px #fff,1px 0 #fff,0 -1px #fff}#leto-text.txt-group__title--visible{color:#ce0b5b;text-shadow:-1px 0 #fff,0 1px #fff,1px 0 #fff,0 -1px #fff}.txt-group__title--mini{display:block}.btn-group__btn{margin:5px;padding:15px}.btn-group__btn:last-child:after{right:-10px;width:10px}.btn-group__btn:first-child:before{left:-10px;width:10px}}