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}*{-webkit-tap-highlight-color:rgba(255,255,255,0)}.Counter{display:flex;align-items:center;justify-content:center;max-width:15%;width:100%}@media (min-width:751px) and (max-width:900px){.Counter{max-width:20%}}@media (max-width:750px){.Counter{max-width:15%}}@media (max-width:500px){.Counter{max-width:25%}}.Counter-button{background:none;border:none;color:grey;cursor:pointer;-webkit-transition:all .32s;transition:all .32s;outline:none}.Counter-button:hover{color:#b3b3b3}@media (max-width:750px){.Counter-button{font-size:18px}}.Counter-votes{display:block;width:25px;height:25px;line-height:25px;border-radius:50%;text-align:center;font-weight:300;font-size:14px;border:3px solid transparent;box-shadow:0 10px 38px rgba(0,0,0,.2),0 10px 12px rgba(0,0,0,.1);-webkit-transition:all .32s;transition:all .32s}@media (max-width:750px){.Counter-votes{font-size:18px;width:30px;height:30px;line-height:30px}}.JokeText{max-width:70%;width:100%;margin:0 15px}.JokeEmoji{text-align:center;display:block;margin:0 auto;box-shadow:0 10px 38px rgba(0,0,0,.2),0 10px 12px rgba(0,0,0,.1);border-radius:50%;-webkit-transition:all .32s;transition:all .32s}.JokeEmoji:hover{box-shadow:unset}.JokeEmoji-emoji{font-size:24px}.JokeEmoji-emoji:hover{-webkit-animation:jello-vertical .9s both;animation:jello-vertical .9s both}.Joke{padding:10px;display:flex;border-bottom:1px solid #eee;align-items:center;justify-content:flex-start;font-weight:400}.JokeList{display:flex;height:80%;width:80%}@media (max-width:750px){.JokeList{display:block;width:100%;height:100%}}.JokeList-sidebar{border-radius:5px;position:relative;background:#9575cd;display:flex;flex-direction:column;align-items:center;justify-content:center;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;max-width:320px;width:100%;padding:90px 0}@media (max-width:750px){.JokeList-sidebar{display:block;max-width:90%;margin:0 auto;bottom:-10px;padding:35px 0}}.JokeList-sidebar img{position:relative;max-width:120px;height:120px;width:100%;border-radius:50%;box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.1);display:block;margin:0 auto}.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}@media (max-width:750px){.JokeList-sidebar img{top:-20px}}.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-title--spinner{color:rgba(148,117,204,.39)}.JokeList-jokes{max-height:470px;background:#fff;align-self:center;width:100%;overflow-y:scroll;box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.1);-webkit-transition:all 2s;transition:all 2s}.JokeList-jokes::-webkit-scrollbar{width:5px}.JokeList-jokes::-webkit-scrollbar-track{background:#f1f1f1}.JokeList-jokes::-webkit-scrollbar-thumb{background:#d3d3d3}.JokeList-jokes::-webkit-scrollbar-thumb:hover{background:#a0a0a0}@media (max-width:750px){.JokeList-jokes{display:block;max-width:100%;width:100%;height:100%;max-height:unset;overflow-y:unset}}.JokeList-spinner{color:rgba(148,117,204,.39);text-align:center}.JokeList-getmore{font-size:1.5rem;width:100%;max-width:267px;border-radius:2rem;padding:1rem 2rem;color:#fff;font-weight:700;margin-top:40px;border:none;word-spacing:.2rem;cursor:pointer;-webkit-transition:all .8s cubic-bezier(.2,1,.2,1);transition:all .8s cubic-bezier(.2,1,.2,1);outline:none;background:-webkit-linear-gradient(315deg,#b3e5fc,#b3e5fc 50%,#f06292 0,#f06292);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:active{background:-webkit-linear-gradient(315deg,#9addfb,#9addfb 50%,#ee4b82 0,#ee4b82);background:linear-gradient(135deg,#9addfb,#9addfb 50%,#ee4b82 0,#ee4b82)}.JokeList-getmore:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 15px 30px rgba(0,0,0,.25)}.JokeList-getmore:disabled{cursor:not-allowed;background:-webkit-linear-gradient(315deg,#cbdce4,#cbdce4 50%,#bc96a3 0,#bc96a3);background:linear-gradient(135deg,#cbdce4,#cbdce4 50%,#bc96a3 0,#bc96a3)}@media (max-width:750px){.JokeList-getmore{font-size:1.2rem;max-width:235px}}@-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)}}@-webkit-keyframes jello-vertical{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}40%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}50%{-webkit-transform:scale3d(.85,1.15,1);transform:scale3d(.85,1.15,1)}65%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}75%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes jello-vertical{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}40%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}50%{-webkit-transform:scale3d(.85,1.15,1);transform:scale3d(.85,1.15,1)}65%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}75%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@-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)}}.App{align-items:center;height:100vh;background:-webkit-linear-gradient(315deg,#b3e5fc,#b3e5fc 50%,#f06292 0,#f06292);background:linear-gradient(135deg,#b3e5fc,#b3e5fc 50%,#f06292 0,#f06292);font-family:Rubik,sans-serif;color:#78909c}.App,.App-container{display:flex;justify-content:center}.App-container{max-width:1200px;width:100%}@media (max-width:750px){.App{min-height:100vh;height:100%}}
/*# sourceMappingURL=main.9b5eed14.chunk.css.map */