body{margin:0;padding: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}.Joke{border-bottom:2px solid #eee;font-weight:400;padding:1rem}.Joke,.Joke-buttons{display:flex;align-items:center;justify-content:center}.Joke-buttons{margin-right:1rem;width:15%}.Joke-text{width:75%;font-size:1.2rem}.Joke-votes{width:50px;height:50px;line-height:50px;border-radius:50%;text-align:center;font-size:20px;font-weight:300;border:3px solid red;box-shadow:0 10px 38px rgba(0,0,0,.2),0 10px 12px rgba(0,0,0,.1)}.fa-arrow-down,.fa-arrow-up{font-size:1.5em;margin:10px;cursor:pointer;transition:all .3s}.fa-arrow-up:hover{animation-name:move-up;animation-duration:.7s;animation-timing-function:ease-out;color:#8bc34a}@keyframes move-up{0%,50%,to{transform:translateY(0)}25%,75%{transform:translateY(-3px)}}.fa-arrow-down:hover{animation-name:move-down;animation-duration:.7s;animation-timing-function:ease-out;color:#f44336}@keyframes move-down{0%,50%,to{transform:translateY(0)}25%,75%{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,.1)}.Joke-smiley:hover{animation-name:spin;animation-duration:.7s;animation-timing-function:ease-in-out;animation-delay:0s}@keyframes spin{0%{transform:rotate(0deg)}30%{transform:rotate(20deg)}60%{transform:rotate(0deg)}80%{transform:rotate(10deg)}to{transform:rotate(0deg)}}.JokeList{display:flex;width:80%;height:80%}.JokeList-sidebar{background:#9575cd;display:flex;flex-direction:column;align-items:center;justify-content:center;width:30%;text-align: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{font-size:4rem;margin:2rem;color:#fff;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{animation-name:shake-slow;animation-duration:5s;animation-timing-function:ease-in-out;animation-delay:0s}.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}.JokeList-getmore{font-size:1.5rem;width:50%;border-radius:2rem;padding:1rem 2rem;color:#fff;font-weight:700;margin:2rem;border:none;word-spacing:.2rem;cursor:pointer;transition:.8s cubic-bezier(.2,1,.2,1);outline:none;background:linear-gradient(135deg,#b3e5fc,#b3e5fc 50%,#f06292 0,#f06292);box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.1)}.JokeList-getmore:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(0,0,0,.25)}@keyframes shake-slow{0%{transform:translate(0) rotate(0deg)}2%{transform:translate(5px,-6px) rotate(3.5deg)}4%{transform:translate(1px,-4px) rotate(2.5deg)}6%{transform:translate(-4px,-6px) rotate(.5deg)}8%{transform:translate(2px,-9px) rotate(-.5deg)}10%{transform:translate(5px,-5px) rotate(.5deg)}12%{transform:translate(6px,1px) rotate(.5deg)}14%{transform:translate(5px,2px) rotate(-1.5deg)}16%{transform:translate(8px,-6px) rotate(-.5deg)}18%{transform:translate(-6px,-6px) rotate(3.5deg)}20%{transform:translate(-8px,7px) rotate(-1.5deg)}22%{transform:translate(3px,9px) rotate(1.5deg)}24%{transform:translate(-7px,6px) rotate(3.5deg)}26%{transform:translate(9px,-5px) rotate(1.5deg)}28%{transform:translate(10px,1px) rotate(-1.5deg)}30%{transform:translate(-8px,5px) rotate(3.5deg)}32%{transform:translate(-9px,5px) rotate(-1.5deg)}34%{transform:translate(-6px,8px) rotate(.5deg)}36%{transform:translate(6px,-2px) rotate(.5deg)}38%{transform:translate(3px,3px) rotate(3.5deg)}40%{transform:translate(6px,10px) rotate(-1.5deg)}42%{transform:translate(2px,-2px) rotate(1.5deg)}44%{transform:translate(-6px,8px) rotate(-.5deg)}46%{transform:translate(-5px,9px) rotate(-2.5deg)}48%{transform:translate(-4px,2px) rotate(3.5deg)}50%{transform:translate(-9px,-3px) rotate(-1.5deg)}52%{transform:translate(3px,-2px) rotate(1.5deg)}54%{transform:translate(10px,8px) rotate(3.5deg)}56%{transform:translate(7px,8px) rotate(.5deg)}58%{transform:translate(-4px,-3px) rotate(-.5deg)}60%{transform:translate(9px,-4px) rotate(-1.5deg)}62%{transform:translate(-8px,-6px) rotate(1.5deg)}64%{transform:translate(-1px,-2px) rotate(3.5deg)}66%{transform:translateY(-8px) rotate(.5deg)}68%{transform:translate(8px,-7px) rotate(.5deg)}70%{transform:translate(3px,4px) rotate(1.5deg)}72%{transform:translate(3px,2px) rotate(1.5deg)}74%{transform:translate(-5px,-9px) rotate(.5deg)}76%{transform:translate(1px,-8px) rotate(2.5deg)}78%{transform:translate(3px,7px) rotate(-1.5deg)}80%{transform:translate(-9px,-4px) rotate(.5deg)}82%{transform:translateY(-4px) rotate(-2.5deg)}84%{transform:translate(-7px,-3px) rotate(.5deg)}86%{transform:translate(-8px,6px) rotate(-1.5deg)}88%{transform:translate(3px,4px) rotate(2.5deg)}90%{transform:translate(5px,7px) rotate(2.5deg)}92%{transform:translate(2px,-8px) rotate(-2.5deg)}94%{transform:translate(-1px,-2px) rotate(-1.5deg)}96%{transform:translate(-4px,10px) rotate(-1.5deg)}98%{transform:translate(10px,-9px) rotate(2.5deg)}}.App{display:flex;align-items:center;justify-content:center;height:100vh;font-family:Rubik,sans-serif;color:#78909c;background:linear-gradient(135deg,#b3e5fc,#b3e5fc 50%,#f06292 0,#f06292)}
/*# sourceMappingURL=main.313d9cac.chunk.css.map */