html{box-sizing:border-box;font-size:62.5%;--color-blue:#b2e3fa;--color-pink:#ee6191}*,:after,:before{margin:0;padding:0;box-sizing:inherit}body{font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:1.6rem;background:-webkit-linear-gradient(310deg,#b2e3fa,#b2e3fa 50%,#ee6191 0) no-repeat fixed;background:linear-gradient(140deg,#b2e3fa,#b2e3fa 50%,#ee6191 0) no-repeat fixed;background:-webkit-linear-gradient(310deg,var(--color-blue),var(--color-blue) 50%,var(--color-pink) 0) no-repeat fixed;background:linear-gradient(140deg,var(--color-blue),var(--color-blue) 50%,var(--color-pink) 0) no-repeat fixed;min-height:100vh;overflow-x:hidden;justify-content:center;align-items:center}.App,body{display:flex}.App{background:transparent;height:80vh;width:80vw}.copy{display:none}@media only screen and (max-width:900px){.App{flex-direction:column}}@media only screen and (max-width:600px){.App{height:100vh;width:100vw}}.Sidebar{flex:1 0 30%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#9575cc;box-shadow:0 1rem 3rem rgba(0,0,0,.4);position:relative;z-index:2;border-radius:3px}.Sidebar>*{margin:2rem 0}.Sidebar-title{color:#fff;display:block;font-weight:700;font-size:4.4rem}.Sidebar-title span{font-weight:lighter;font-family:Georgia,Times New Roman,Times,serif}.Sidebar-img-container{width:50%;border-radius:50%;box-shadow:0 1rem 3rem rgba(0,0,0,.4)}.Sidebar-img{width:100%;display:block;border-radius:50%;margin:0 auto}.Sidebar-button{border:none;background:-webkit-linear-gradient(310deg,var(--color-pink),var(--color-pink) 50%,#2191d1 0);background:linear-gradient(140deg,var(--color-pink),var(--color-pink) 50%,#2191d1 0);display:block;padding:1rem 2rem;border-radius:5px;color:#fff;cursor:pointer;font-family:sans-serif;font-size:1.8rem;position:relative;z-index:1;box-shadow:0 1rem 1.5rem rgba(0,0,0,.4);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease}.Sidebar-button:before{z-index:-1;content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:-webkit-linear-gradient(310deg,#2191d1,#2191d1 50%,var(--color-pink) 0);background:linear-gradient(140deg,#2191d1,#2191d1 50%,var(--color-pink) 0);opacity:0;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.Sidebar-button:hover:before{opacity:1}.Sidebar-button:active{box-shadow:none}.Sidebar-button:focus{outline:none}@media only screen and (max-width:900px){.Sidebar{flex:1 0 100%}.Sidebar-img-container{width:25%}}@media only screen and (max-width:600px){.Sidebar{box-shadow:none}}.Joke{border-bottom:1px solid rgba(0,0,0,.4)}.Joke,.Joke-rate{display:flex;align-items:center;justify-content:center}.Joke-rate{flex:1 0 15%}.Joke-rate>*{margin:0 .5rem}.Joke-rate-button{width:15%;max-width:2rem;cursor:pointer}.Joke-rate-text{border-radius:50%;min-width:5.2rem;text-align:center;padding:1.5rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.4)}.rate-neg-15{border:2px solid #f44336}.rate-neg-4{border:2px solid #ff5721}.rate-0{border:2px solid #9f9f9f}.rate-4{border:2px solid #ff9800}.rate-6{border:2px solid #ffeb3b}.rate-10{border:2px solid #8cc34a}.rate-12{border:2px solid #4daf50}.Joke-text{flex:1 0 75%;color:#1f3675;text-align:center}.Joke-emoji{flex:1 0 10%;padding:1.5rem}.Joke-emoji img{width:100%;box-shadow:0 .5rem 1rem rgba(0,0,0,.4);border-radius:50%}.loadingSpin{-webkit-animation:spin .5s ease infinite;animation:spin .5s ease infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media only screen and (max-width:900px){.Joke{padding:2rem}.Joke-rate{flex:1 0 20%}}@media only screen and (max-width:600px){.Joke-emoji{display:none}.Joke-rate{flex:1 0 25%;flex-direction:column}.Joke-rate>*{margin:1rem}.Joke-rate-button{width:20%}}.JokesContainer{flex:1 0 70%;background:#fff;height:85%;margin:auto 0;box-shadow:0 1rem 3rem rgba(0,0,0,.4);z-index:1;position:relative;overflow-y:scroll;border-radius:3px;border-top-left-radius:0;border-bottom-left-radius:0}.loading{display:flex;justify-content:center;align-items:center}.lds-circle{display:inline-block;-webkit-transform:translateZ(1px);transform:translateZ(1px)}.lds-circle>div{display:inline-block;width:51px;height:51px;margin:6px;border-radius:50%;background:-webkit-gradient(linear,left top,right top,from(var(--color-blue)),to(var(--color-pink)));background:-webkit-linear-gradient(left,var(--color-blue),var(--color-pink));background:linear-gradient(90deg,var(--color-blue),var(--color-pink));-webkit-animation:lds-circle 2.4s cubic-bezier(0,.2,.8,1) infinite;animation:lds-circle 2.4s cubic-bezier(0,.2,.8,1) infinite}@-webkit-keyframes lds-circle{0%,to{-webkit-animation-timing-function:cubic-bezier(.5,0,1,.5);animation-timing-function:cubic-bezier(.5,0,1,.5)}0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}50%{-webkit-transform:rotateY(5turn);transform:rotateY(5turn);-webkit-animation-timing-function:cubic-bezier(0,.5,.5,1);animation-timing-function:cubic-bezier(0,.5,.5,1)}to{-webkit-transform:rotateY(10turn);transform:rotateY(10turn)}}@keyframes lds-circle{0%,to{-webkit-animation-timing-function:cubic-bezier(.5,0,1,.5);animation-timing-function:cubic-bezier(.5,0,1,.5)}0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}50%{-webkit-transform:rotateY(5turn);transform:rotateY(5turn);-webkit-animation-timing-function:cubic-bezier(0,.5,.5,1);animation-timing-function:cubic-bezier(0,.5,.5,1)}to{-webkit-transform:rotateY(10turn);transform:rotateY(10turn)}}@media only screen and (max-width:900px){.JokesContainer{flex:1 0 100%;margin:2rem 0}}@media only screen and (max-width:600px){.JokesContainer{width:90vw;margin:0 auto}}
/*# sourceMappingURL=main.6caa960d.chunk.css.map */