body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{height:100vh;font-family:"Rubik",sans-serif;color:#78909c;background:linear-gradient(135deg,#b3e5fc,#b3e5fc 50%,#f06292 0,#f06292)}.App,.Joke{display:flex;align-items:center;justify-content:center}.Joke{border-bottom:2px solid #eee;font-weight:400;padding:1rem}.Joke-buttons{display:flex;align-items:center;justify-content:center;width:15%}.Joke-text{width:75%;font-size:1.2rem}.Joke-votes{width:50px;height:50px;line-height:50px;border-radius:50%;border:3px solid red;text-align:center;font-size:20px;font-weight:300;box-shadow:0 10px 38px rgba(0,0,0,.2),0 10px 12px rgba(0,0,0,.2)}.fa-arrow-down,.fa-arrow-up{font-size:1.5em;margin:10px;cursor:pointer;transition:all .3s}.fa-arrow-up:hover{-webkit-animation-name:move-up;animation-name:move-up;-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;color:#8bc34a}@-webkit-keyframes move-up{0%,50%,to{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}}@keyframes move-up{0%,50%,to{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}}.fa-arrow-down:hover{-webkit-animation-name:move-down;animation-name:move-down;-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;color:#f44336}@-webkit-keyframes move-down{0%,50%,to{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(3px);transform:translateY(3px)}}@keyframes move-down{0%,50%,to{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(3px);transform:translateY(3px)}}.Joke-smiley{font-size:3rem;margin-left:auto;border-radius:50%;box-shadow:0 10px 38px rgba(0,0,0,.2),0 10px 12px rgba(0,0,0,.2)}.Joke-smiley:hover{-webkit-animation-name:spin;animation-name:spin;-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0s;animation-delay:0s}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}30%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}60%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}80%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}30%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}60%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}80%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.JokeList{display:flex;width:80%;height:80%}.JokeList-sidebar{display:flex;flex-direction:column;background-color:#9575cd;width:30%;align-items:center;justify-content:center;box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.1),inset 0 0 25px #7e57c2;z-index:2}.JokeList-title{color:#fff;font-size:4rem;margin:2rem;font-weight:300;letter-spacing:.6rem}.JokeList-title span{font-weight:700;letter-spacing:0}.JokeList-sidebar img{width:50%;border-radius:50%;box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.1)}.JokeList-sidebar img:hover{-webkit-animation-name:shake-slow;animation-name:shake-slow;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0s;animation-delay:0s}.JokeList-getmore{font-size:1.5rem;width:50%;border-radius:2rem;padding:1rem 2rem;color:#fff;font-weight:700;border:none;outline:none;margin:2rem;box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.1);word-spacing:.2rem;cursor:pointer;transition:.8s cubic-bezier(.2,1,.2,1);background:linear-gradient(135deg,#b3e5fc,#b3e5fc 50%,#f06292 0,#f06292)}.JokeList-getmore:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 15px 30px rgba(0,0,0,.25)}.JokeList-jokes{height:90%;background:#fff;align-self:center;width:70%;overflow:scroll;box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.1)}.JokeList-spinner{color:#fff;text-align:center}@-webkit-keyframes shake-slow{0%{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}2%{-webkit-transform:translate(5px,-6px) rotate(3.5deg);transform:translate(5px,-6px) rotate(3.5deg)}4%{-webkit-transform:translate(1px,-4px) rotate(2.5deg);transform:translate(1px,-4px) rotate(2.5deg)}6%{-webkit-transform:translate(-4px,-6px) rotate(.5deg);transform:translate(-4px,-6px) rotate(.5deg)}8%{-webkit-transform:translate(2px,-9px) rotate(-.5deg);transform:translate(2px,-9px) rotate(-.5deg)}10%{-webkit-transform:translate(5px,-5px) rotate(.5deg);transform:translate(5px,-5px) rotate(.5deg)}12%{-webkit-transform:translate(6px,1px) rotate(.5deg);transform:translate(6px,1px) rotate(.5deg)}14%{-webkit-transform:translate(5px,2px) rotate(-1.5deg);transform:translate(5px,2px) rotate(-1.5deg)}16%{-webkit-transform:translate(8px,-6px) rotate(-.5deg);transform:translate(8px,-6px) rotate(-.5deg)}18%{-webkit-transform:translate(-6px,-6px) rotate(3.5deg);transform:translate(-6px,-6px) rotate(3.5deg)}20%{-webkit-transform:translate(-8px,7px) rotate(-1.5deg);transform:translate(-8px,7px) rotate(-1.5deg)}22%{-webkit-transform:translate(3px,9px) rotate(1.5deg);transform:translate(3px,9px) rotate(1.5deg)}24%{-webkit-transform:translate(-7px,6px) rotate(3.5deg);transform:translate(-7px,6px) rotate(3.5deg)}26%{-webkit-transform:translate(9px,-5px) rotate(1.5deg);transform:translate(9px,-5px) rotate(1.5deg)}28%{-webkit-transform:translate(10px,1px) rotate(-1.5deg);transform:translate(10px,1px) rotate(-1.5deg)}30%{-webkit-transform:translate(-8px,5px) rotate(3.5deg);transform:translate(-8px,5px) rotate(3.5deg)}32%{-webkit-transform:translate(-9px,5px) rotate(-1.5deg);transform:translate(-9px,5px) rotate(-1.5deg)}34%{-webkit-transform:translate(-6px,8px) rotate(.5deg);transform:translate(-6px,8px) rotate(.5deg)}36%{-webkit-transform:translate(6px,-2px) rotate(.5deg);transform:translate(6px,-2px) rotate(.5deg)}38%{-webkit-transform:translate(3px,3px) rotate(3.5deg);transform:translate(3px,3px) rotate(3.5deg)}40%{-webkit-transform:translate(6px,10px) rotate(-1.5deg);transform:translate(6px,10px) rotate(-1.5deg)}42%{-webkit-transform:translate(2px,-2px) rotate(1.5deg);transform:translate(2px,-2px) rotate(1.5deg)}44%{-webkit-transform:translate(-6px,8px) rotate(-.5deg);transform:translate(-6px,8px) rotate(-.5deg)}46%{-webkit-transform:translate(-5px,9px) rotate(-2.5deg);transform:translate(-5px,9px) rotate(-2.5deg)}48%{-webkit-transform:translate(-4px,2px) rotate(3.5deg);transform:translate(-4px,2px) rotate(3.5deg)}50%{-webkit-transform:translate(-9px,-3px) rotate(-1.5deg);transform:translate(-9px,-3px) rotate(-1.5deg)}52%{-webkit-transform:translate(3px,-2px) rotate(1.5deg);transform:translate(3px,-2px) rotate(1.5deg)}54%{-webkit-transform:translate(10px,8px) rotate(3.5deg);transform:translate(10px,8px) rotate(3.5deg)}56%{-webkit-transform:translate(7px,8px) rotate(.5deg);transform:translate(7px,8px) rotate(.5deg)}58%{-webkit-transform:translate(-4px,-3px) rotate(-.5deg);transform:translate(-4px,-3px) rotate(-.5deg)}60%{-webkit-transform:translate(9px,-4px) rotate(-1.5deg);transform:translate(9px,-4px) rotate(-1.5deg)}62%{-webkit-transform:translate(-8px,-6px) rotate(1.5deg);transform:translate(-8px,-6px) rotate(1.5deg)}64%{-webkit-transform:translate(-1px,-2px) rotate(3.5deg);transform:translate(-1px,-2px) rotate(3.5deg)}66%{-webkit-transform:translateY(-8px) rotate(.5deg);transform:translateY(-8px) rotate(.5deg)}68%{-webkit-transform:translate(8px,-7px) rotate(.5deg);transform:translate(8px,-7px) rotate(.5deg)}70%{-webkit-transform:translate(3px,4px) rotate(1.5deg);transform:translate(3px,4px) rotate(1.5deg)}72%{-webkit-transform:translate(3px,2px) rotate(1.5deg);transform:translate(3px,2px) rotate(1.5deg)}74%{-webkit-transform:translate(-5px,-9px) rotate(.5deg);transform:translate(-5px,-9px) rotate(.5deg)}76%{-webkit-transform:translate(1px,-8px) rotate(2.5deg);transform:translate(1px,-8px) rotate(2.5deg)}78%{-webkit-transform:translate(3px,7px) rotate(-1.5deg);transform:translate(3px,7px) rotate(-1.5deg)}80%{-webkit-transform:translate(-9px,-4px) rotate(.5deg);transform:translate(-9px,-4px) rotate(.5deg)}82%{-webkit-transform:translateY(-4px) rotate(-2.5deg);transform:translateY(-4px) rotate(-2.5deg)}84%{-webkit-transform:translate(-7px,-3px) rotate(.5deg);transform:translate(-7px,-3px) rotate(.5deg)}86%{-webkit-transform:translate(-8px,6px) rotate(-1.5deg);transform:translate(-8px,6px) rotate(-1.5deg)}88%{-webkit-transform:translate(3px,4px) rotate(2.5deg);transform:translate(3px,4px) rotate(2.5deg)}90%{-webkit-transform:translate(5px,7px) rotate(2.5deg);transform:translate(5px,7px) rotate(2.5deg)}92%{-webkit-transform:translate(2px,-8px) rotate(-2.5deg);transform:translate(2px,-8px) rotate(-2.5deg)}94%{-webkit-transform:translate(-1px,-2px) rotate(-1.5deg);transform:translate(-1px,-2px) rotate(-1.5deg)}96%{-webkit-transform:translate(-4px,10px) rotate(-1.5deg);transform:translate(-4px,10px) rotate(-1.5deg)}98%{-webkit-transform:translate(10px,-9px) rotate(2.5deg);transform:translate(10px,-9px) rotate(2.5deg)}}@keyframes shake-slow{0%{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}2%{-webkit-transform:translate(5px,-6px) rotate(3.5deg);transform:translate(5px,-6px) rotate(3.5deg)}4%{-webkit-transform:translate(1px,-4px) rotate(2.5deg);transform:translate(1px,-4px) rotate(2.5deg)}6%{-webkit-transform:translate(-4px,-6px) rotate(.5deg);transform:translate(-4px,-6px) rotate(.5deg)}8%{-webkit-transform:translate(2px,-9px) rotate(-.5deg);transform:translate(2px,-9px) rotate(-.5deg)}10%{-webkit-transform:translate(5px,-5px) rotate(.5deg);transform:translate(5px,-5px) rotate(.5deg)}12%{-webkit-transform:translate(6px,1px) rotate(.5deg);transform:translate(6px,1px) rotate(.5deg)}14%{-webkit-transform:translate(5px,2px) rotate(-1.5deg);transform:translate(5px,2px) rotate(-1.5deg)}16%{-webkit-transform:translate(8px,-6px) rotate(-.5deg);transform:translate(8px,-6px) rotate(-.5deg)}18%{-webkit-transform:translate(-6px,-6px) rotate(3.5deg);transform:translate(-6px,-6px) rotate(3.5deg)}20%{-webkit-transform:translate(-8px,7px) rotate(-1.5deg);transform:translate(-8px,7px) rotate(-1.5deg)}22%{-webkit-transform:translate(3px,9px) rotate(1.5deg);transform:translate(3px,9px) rotate(1.5deg)}24%{-webkit-transform:translate(-7px,6px) rotate(3.5deg);transform:translate(-7px,6px) rotate(3.5deg)}26%{-webkit-transform:translate(9px,-5px) rotate(1.5deg);transform:translate(9px,-5px) rotate(1.5deg)}28%{-webkit-transform:translate(10px,1px) rotate(-1.5deg);transform:translate(10px,1px) rotate(-1.5deg)}30%{-webkit-transform:translate(-8px,5px) rotate(3.5deg);transform:translate(-8px,5px) rotate(3.5deg)}32%{-webkit-transform:translate(-9px,5px) rotate(-1.5deg);transform:translate(-9px,5px) rotate(-1.5deg)}34%{-webkit-transform:translate(-6px,8px) rotate(.5deg);transform:translate(-6px,8px) rotate(.5deg)}36%{-webkit-transform:translate(6px,-2px) rotate(.5deg);transform:translate(6px,-2px) rotate(.5deg)}38%{-webkit-transform:translate(3px,3px) rotate(3.5deg);transform:translate(3px,3px) rotate(3.5deg)}40%{-webkit-transform:translate(6px,10px) rotate(-1.5deg);transform:translate(6px,10px) rotate(-1.5deg)}42%{-webkit-transform:translate(2px,-2px) rotate(1.5deg);transform:translate(2px,-2px) rotate(1.5deg)}44%{-webkit-transform:translate(-6px,8px) rotate(-.5deg);transform:translate(-6px,8px) rotate(-.5deg)}46%{-webkit-transform:translate(-5px,9px) rotate(-2.5deg);transform:translate(-5px,9px) rotate(-2.5deg)}48%{-webkit-transform:translate(-4px,2px) rotate(3.5deg);transform:translate(-4px,2px) rotate(3.5deg)}50%{-webkit-transform:translate(-9px,-3px) rotate(-1.5deg);transform:translate(-9px,-3px) rotate(-1.5deg)}52%{-webkit-transform:translate(3px,-2px) rotate(1.5deg);transform:translate(3px,-2px) rotate(1.5deg)}54%{-webkit-transform:translate(10px,8px) rotate(3.5deg);transform:translate(10px,8px) rotate(3.5deg)}56%{-webkit-transform:translate(7px,8px) rotate(.5deg);transform:translate(7px,8px) rotate(.5deg)}58%{-webkit-transform:translate(-4px,-3px) rotate(-.5deg);transform:translate(-4px,-3px) rotate(-.5deg)}60%{-webkit-transform:translate(9px,-4px) rotate(-1.5deg);transform:translate(9px,-4px) rotate(-1.5deg)}62%{-webkit-transform:translate(-8px,-6px) rotate(1.5deg);transform:translate(-8px,-6px) rotate(1.5deg)}64%{-webkit-transform:translate(-1px,-2px) rotate(3.5deg);transform:translate(-1px,-2px) rotate(3.5deg)}66%{-webkit-transform:translateY(-8px) rotate(.5deg);transform:translateY(-8px) rotate(.5deg)}68%{-webkit-transform:translate(8px,-7px) rotate(.5deg);transform:translate(8px,-7px) rotate(.5deg)}70%{-webkit-transform:translate(3px,4px) rotate(1.5deg);transform:translate(3px,4px) rotate(1.5deg)}72%{-webkit-transform:translate(3px,2px) rotate(1.5deg);transform:translate(3px,2px) rotate(1.5deg)}74%{-webkit-transform:translate(-5px,-9px) rotate(.5deg);transform:translate(-5px,-9px) rotate(.5deg)}76%{-webkit-transform:translate(1px,-8px) rotate(2.5deg);transform:translate(1px,-8px) rotate(2.5deg)}78%{-webkit-transform:translate(3px,7px) rotate(-1.5deg);transform:translate(3px,7px) rotate(-1.5deg)}80%{-webkit-transform:translate(-9px,-4px) rotate(.5deg);transform:translate(-9px,-4px) rotate(.5deg)}82%{-webkit-transform:translateY(-4px) rotate(-2.5deg);transform:translateY(-4px) rotate(-2.5deg)}84%{-webkit-transform:translate(-7px,-3px) rotate(.5deg);transform:translate(-7px,-3px) rotate(.5deg)}86%{-webkit-transform:translate(-8px,6px) rotate(-1.5deg);transform:translate(-8px,6px) rotate(-1.5deg)}88%{-webkit-transform:translate(3px,4px) rotate(2.5deg);transform:translate(3px,4px) rotate(2.5deg)}90%{-webkit-transform:translate(5px,7px) rotate(2.5deg);transform:translate(5px,7px) rotate(2.5deg)}92%{-webkit-transform:translate(2px,-8px) rotate(-2.5deg);transform:translate(2px,-8px) rotate(-2.5deg)}94%{-webkit-transform:translate(-1px,-2px) rotate(-1.5deg);transform:translate(-1px,-2px) rotate(-1.5deg)}96%{-webkit-transform:translate(-4px,10px) rotate(-1.5deg);transform:translate(-4px,10px) rotate(-1.5deg)}98%{-webkit-transform:translate(10px,-9px) rotate(2.5deg);transform:translate(10px,-9px) rotate(2.5deg)}}
/*# sourceMappingURL=main.a4f7dcc6.chunk.css.map */