@font-face{font-family:__Inter_20951f;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/d1d9458b69004127-s.woff2) format("woff2");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:__Inter_20951f;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/b967158bc7d7a9fb-s.woff2) format("woff2");unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:__Inter_20951f;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ae9ae6716d4f8bf8-s.woff2) format("woff2");unicode-range:U+1f??}@font-face{font-family:__Inter_20951f;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c0f5ec5bbf5913b7-s.woff2) format("woff2");unicode-range:U+0370-03ff}@font-face{font-family:__Inter_20951f;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/b1db3e28af9ef94a-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Inter_20951f;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9c4f34569c9b36ca-s.woff2) format("woff2");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Inter_20951f;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/2aaf0723e720e8b9-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Inter_Fallback_20951f;src:local("Arial");ascent-override:90.20%;descent-override:22.48%;line-gap-override:0.00%;size-adjust:107.40%}.__className_20951f{font-family:__Inter_20951f,__Inter_Fallback_20951f;font-style:normal}.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)}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:19%}.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)}}