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}.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{-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-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;margin:2rem;color:#fff;word-spacing:.5rem;font-weight:700;border:none;cursor:pointer;-webkit-transition:.8s cubic-bezier(.2,1,.2,1);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{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 15px 30px rgba(0,0,0,.25)}@-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)}}@media screen and (max-width:1300px){.JokeList{width:100%;height:90%}.JokeList-getmore{width:60%}}@media screen and (max-width:750px){.JokeList{width:100%;height:100%;flex-direction:column}.JokeList-sidebar{margin:0 auto;width:100%}.JokeList-jokes{width:100%}.JokeList-img{width:30%}}@media screen and (max-width:450px){.JokeList{width:100%;height:100%;flex-direction:column}.JokeList-sidebar{margin:0 auto;width:100%}.JokeList-jokes{width:100%}.JokeList-title{font-size:3rem;margin:0}.JokeList-img{width:30%}}@media screen and (max-width:350px){.JokeList{width:100%;height:100%;flex-direction:column}.JokeList-sidebar{margin:0 auto;width:100%}.JokeList-jokes{width:100%}.JokeList-title{font-size:3rem;margin:0}.JokeList-getmore{font-size:1.5rem;width:60%;border-radius:2rem;margin:1rem;padding:1rem}.JokeList-sidebar{box-shadow:0 19px 38px rgba(0,0,0,.05),0 15px 12px rgba(0,0,0,.1),inset 0 0 25px #7e57c2;z-index:2}}.Joke{border-bottom:2px solid #eee;font-weight:400;padding:1rem}.Joke,.Joke-buttons{display:flex;justify-content:center}.Joke-buttons{align-items:center;width:15%;margin-right:1rem}.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,.1)}.fa-arrow-down,.fa-arrow-up{font-size:1.5em;margin:10px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.fa-arrow-up:hover{-webkit-animation-name:move-up;animation-name:move-up;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;color:#8bc34a}.fa-arrow-down:hover,.fa-arrow-up:hover{-webkit-animation-duration:.7s;animation-duration:.7s}.fa-arrow-down:hover{-webkit-animation-name:move-down;animation-name:move-down;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;color:#f44336}.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{-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:0;animation-delay:0}@-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)}}@-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)}}@-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)}}@media screen and (max-width:1300px){.Joke-text{align-self:center}.Joke-buttons{width:21%}}@media screen and (max-width:750px){.Joke-text{width:75%;font-size:1rem;margin:0 20px;align-self:center}.Joke-buttons{width:30%}.Joke-smiley{width:10%;height:5%}}@media screen and (max-width:450px){.Joke-text{width:75%;font-size:1rem;margin:0 20px 0 -5px;align-self:center}.Joke-buttons{width:40%}.Joke-smiley{width:30%;height:30%;align-self:center}}@media screen and (max-width:350px){.Joke-text{font-size:15px;margin:0 5px 0 -10px;align-self:center}.Joke-buttons{width:50%}.Joke-smiley{width:30%;height:30%;font-size:2.5rem;align-self:center}.fa-arrow-down,.fa-arrow-up{font-size:1.2em;margin:0 5px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.Joke-votes{width:30px;height:30px;line-height:30px}}.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.d4a89649.chunk.css.map */