*{list-style:none;text-decoration:none;transition:all 1s}a{color:inherit}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;background-color:#000;display:flex;flex-direction:column;height:100vh;justify-content:space-evenly;overflow:hidden;position:relative;text-align:center;width:100vw}@media only screen and (min-width:572px){.App:before{background-image:url(https://media2.giphy.com/media/XuBNdP9Pb7W9i/giphy.gif);bottom:0;content:"";left:0;opacity:.2;position:absolute;right:0;top:0}}body{align-items:center;display:flex;flex-direction:row;font-family:Roboto,sans-serif;height:100vh;justify-content:space-evenly;overflow:hidden;transition:.25s}body .credit{bottom:20px;color:inherit;left:20px;position:absolute}body .options{align-items:stretch;display:flex;flex-direction:row;height:77%;overflow:hidden;padding-top:15px;width:calc(100% - 100px);z-index:0}@media only screen and (max-width:572px){body .options{height:81%;padding-top:13px;position:relative;top:-2%;width:94%}}body .options .option{background:#e6e9ed;background:var(--optionBackground,var(--defaultBackground,#e6e9ed));background-position:50%;background-size:auto 120%;cursor:pointer;margin:10px;min-width:60px;overflow:hidden;position:relative;transition:.5s cubic-bezier(.05,.61,.41,.95);z-index:0}body .options .option:first-child{background-image:url(https://media2.giphy.com/media/XuBNdP9Pb7W9i/giphy.gif)}body .options .option:first-child:hover{-webkit-filter:grayscale(80%);filter:grayscale(80%)}body .options .option:nth-child(2){background-image:url(https://i.pinimg.com/originals/e3/0e/74/e30e74fa2839e6bc66cf0e7ce196801e.gif)}body .options .option:nth-child(3){background-image:url(https://i.pinimg.com/originals/f1/20/f1/f120f1bdde457ba9208083e5d9e957d5.gif)}body .options .option.active{background-size:auto 100%;border-radius:40px;flex-grow:10000;margin:0;max-width:75%;-webkit-transform:scale(1);transform:scale(1)}body .options .option.active .shadow{box-shadow:inset 0 -120px 120px 27px #000,inset 0 -120px 120px -27px #000}body .options .option.active .label{bottom:76px;font-size:50px;left:20px}body .options .option.active .label .info>div{left:12px;opacity:1;text-align:left;top:15px}@media only screen and (max-width:572px){body .options .option.active .label .info>div{font-size:19px;left:2px;top:4px}body .options .option.active .label{left:5px}}body .options .option:not(.active){border-radius:30px;flex-grow:1}body .options .option:not(.active) .shadow{bottom:-40px;box-shadow:inset 0 -120px 0 -120px #000,inset 0 -120px 0 -100px #000}body .options .option:not(.active) .label{bottom:40px;left:-10px}body .options .option:not(.active) .label .info>div{left:20px;opacity:0}@media only screen and (max-width:572px){body .options .option:not(.active) .label .icon{height:50px;left:13px;max-width:50px;min-width:50px;position:relative;top:40%}body .options .option:not(.active) .label .icon i{font-size:1.3rem}}body .options .option .shadow{bottom:0;height:160px;left:0;position:absolute;right:0;transition:.5s cubic-bezier(.05,.61,.41,.95)}@media only screen and (max-width:572px){body .options .option .shadow{height:126px}}body .options .option .label{display:flex;height:40px;position:absolute;right:0;transition:.5s cubic-bezier(.05,.61,.41,.95)}body .options .option .label .icon{align-items:center;background-color:#fff;border-radius:100%;color:var(--defaultBackground);display:flex;flex-direction:row;height:100px;justify-content:center;max-width:100px;min-width:100px}@media only screen and (max-width:572px){body .options .option .label .icon{height:70px;max-width:70px;min-width:70px}}body .options .option .label .info{color:#fff;display:flex;flex-direction:column;justify-content:center;margin-left:10px;margin-top:35px;white-space:pre}body .options .option .label .info>div{position:relative;transition:.5s cubic-bezier(.05,.61,.41,.95),opacity .5s ease-out}body .options .option .label .info .main{font-size:30px;font-weight:700}body .options .option .label .info .sub{font-size:2rem;transition-delay:.1s}@media only screen and (max-width:572px){body .options .option .label .info .sub{font-size:1rem}}.youtube{height:100%;pointer-events:none;-webkit-transform:scale(1.3);transform:scale(1.3);width:100%}@media only screen and (max-width:572px){.youtube{-webkit-transform:scale(1.7);transform:scale(1.7)}}.youtube:after{background-image:url(https://media0.giphy.com/media/l41K3o5TzvmhZwd4A/giphy.gif);bottom:0;content:"";left:0;opacity:.04;position:absolute;right:0;top:0;z-index:0}.controls{background-color:#000;border-bottom:1px solid rgba(230,233,237,.102);display:flex;height:11%;justify-content:space-around;opacity:.92;padding-bottom:7px;width:100%;z-index:1}@media only screen and (max-width:572px){.controls{height:2%;padding-bottom:55px}}i{font-weight:700}.btn,i{font-size:2rem}.btn{background-color:#000;border:5px solid #000;border-radius:10px;color:#e6e9ed;cursor:pointer;height:auto;margin:0 25px;padding:15px;width:auto}@media only screen and (max-width:572px){.btn{border-radius:0;margin:0 -10px;padding:0 7%;width:90%}}.btn:first-child{margin-left:0}.btn:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.btn.activeCategory{color:rgba(255,0,0,.729)}.control{display:flex;justify-content:space-around;width:12%}.control .change{background-color:transparent;border:0;color:#e6e9ed;cursor:pointer;font-size:60px}@media only screen and (max-width:572px){.control .change.chanel{display:none}}.control .change:hover{-webkit-transform:scale(1.08);transform:scale(1.08)}.control .change.start{background-color:#000;border:0;bottom:0;color:rgba(255,0,0,.729);cursor:context-menu;font-size:14rem;height:100%;left:0;opacity:1;position:absolute;right:0;top:0;width:100%}.control .change.start svg{-webkit-animation:opening 2s infinite;animation:opening 2s infinite;cursor:pointer}.control .change.start .about{color:#e6e9ed;display:block;font-size:5rem;opacity:.4;position:absolute;top:0;width:100%}@media only screen and (max-width:992px){.control .change.start .about .activeCategory:nth-child(3),.control .change.start .about .activeCategory:nth-child(4){display:none}}@media only screen and (max-width:572px){.control .change.start .about .btn{margin:0}}.control .change.start .about button:hover{-webkit-transform:scale(1);transform:scale(1)}.control .change.start .about .detail{color:#e6e9ed;cursor:context-menu}.control .change.start .about svg{-webkit-animation:none;animation:none;cursor:context-menu;padding-top:15%}@media only screen and (max-width:572px){.control .change.start .about svg{padding:0}}.control .change.start .about .activeCategory{float:left}.control .change.start:hover{-webkit-transform:scale(1);transform:scale(1)}@media only screen and (max-width:572px){.control .change:first-child .pause{display:none}.control .change:last-child svg{height:64px;width:64px}}.categories{display:flex;justify-content:end;width:40%}@media only screen and (min-width:572px){.categories .change{display:none}}@media only screen and (max-width:572px){.categories{justify-content:space-between;position:absolute;top:2%;width:100%}.categories button{border-radius:10px;padding:0 4%;text-align:left;width:33%}.categories button:last-child{background-color:rgba(255,0,0,.729);border:none;text-align:center;width:23%}.categories button svg{height:40px;width:40px}}.logo{-webkit-user-drag:none;-webkit-animation:logo 3s infinite;animation:logo 3s infinite;-webkit-transform:scale(.9);transform:scale(.9);user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.logo:hover{cursor:pointer}@media only screen and (max-width:1600px){.logo{display:none}}.social{color:#e6e9ed;font-size:2rem;opacity:.9;position:absolute;right:2%;top:2%}.social a{margin:auto}.social sup{color:rgba(255,0,0,.859)}@media only screen and (max-width:1600px){.social{bottom:8%;right:auto;top:auto;width:100%}}@-webkit-keyframes opening{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scale(1.15);transform:scale(1.15)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes opening{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scale(1.15);transform:scale(1.15)}to{-webkit-transform:scale(1);transform:scale(1)}}@media only screen and (max-width:992px){body .options{flex-direction:column}body .options .option:not(.active){height:16%}body .options .option.active{max-width:100%}body .options .option.active i{font-size:1.4rem}}@media only screen and (max-width:572px){body .options{flex-direction:column}body .options .option:not(.active){height:16%}body .options .option.active{max-width:100%}}.info-control{color:rgba(255,0,0,.859);display:none;height:56vh;left:5%;position:absolute;top:11%;width:90%}.info-control .data{background-color:#000;border:10px solid hsla(0,0%,100%,.14);border-radius:10px;height:50%;left:30%;position:absolute;top:30%;width:40%}.info-control .data .about .btn:hover{-webkit-transform:scale(1);transform:scale(1)}.footer{border-radius:100% 0 0;box-shadow:inset 0 -91px 108px -13px #000,inset 0 -24px 33px 46px rgba(255,0,0,.741);height:10%;margin-top:10px;width:100%;z-index:0}.footer .nav{align-items:end;color:#d4d7da;display:flex;float:right;height:100%}.footer .nav li{cursor:help;font-size:2.2rem;padding:25px}.footer .nav li:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.footer .nav li:hover+.info-control{display:block}@media only screen and (max-width:992px){.footer{display:none}}@-webkit-keyframes logo{0%{-webkit-transform:scale(.9);transform:scale(.9)}50%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.9);transform:scale(.9)}}@keyframes logo{0%{-webkit-transform:scale(.9);transform:scale(.9)}50%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.9);transform:scale(.9)}}