.App{background-color:#f2f2f2;background-size:cover;min-height:100vh}@media screen and (min-width:768px){#joke-txt{padding-left:15%;padding-right:15%}#loading-jokes{display:flex;flex-direction:column;justify-content:center;margin-left:30%;margin-right:30%;margin-top:10px}}@media screen and (max-width:767px){#loading-jokes{display:flex;flex-direction:column;margin-top:10px;padding-left:15%;padding-right:15%}}mark{-webkit-padding-start:var(--chakra-space-1);-webkit-padding-end:var(--chakra-space-1);background-color:#b2f5ea;border-radius:var(--chakra-radii-full);font-weight:700;padding-inline-end:var(--chakra-space-1);padding-bottom:var(--chakra-space-1);padding-inline-start:var(--chakra-space-1);padding-top:var(--chakra-space-1);white-space:nowrap}ul{background:#f2f2f2;list-style:none;margin:10px;padding:0;position:relative;width:100%}#joke-txt{background:#fff;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.2);display:grid;grid-template-columns:2fr 1fr;margin:8px 0;padding:15px}h2{align-items:center;display:flex;justify-content:center;text-align:center}p{font-weight:700}.categ-txt{font-weight:400;padding-left:10px}.categ-p{padding-left:20px}@media screen and (min-width:299px){.btns-joke{display:flex;justify-content:center;margin-top:20px}.search-btn{margin-right:20px}}@media screen and (max-width:298px){.btns-joke{align-items:center;display:flex;flex-direction:column;margin-top:20px}.search-btn{margin-bottom:20px}}@media screen and (min-width:768px){#random-joke-txt{padding-left:15%;padding-right:15%}}@media screen and (min-width:370px){.body-radio-wrapper{display:grid;flex-direction:row;flex-wrap:wrap;grid-template-columns:auto auto auto auto;justify-content:center;margin-top:20px}}@media screen and (max-width:369px){.body-radio-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:20px}}#random-joke-txt{background:#fff;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.2);display:grid;grid-template-columns:1fr;margin:8px 0;padding:15px;text-align:center}label{font-size:1rem;font-weight:700;line-height:1.1}.input-radio{margin-left:15px}.title{margin-top:20px}.categ-btn,.title{display:flex;justify-content:center}.categ-btn{align-items:center;margin-top:50px;padding:0 20px 30px}@media screen and (max-width:272px){.categ-btn{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-top:50px;padding:0 20px 30px}.categ-btn2{margin-top:10px}}.categ-btn2{margin-left:10px}.joke-list{font-weight:400}title-chuck{background-color:hsla(0,0%,100%,.03);background-image:-o-linear-gradient(top,#111,#0c0c0c);font-family:Amethysta,serif;font-size:2em;letter-spacing:.3em;line-height:1.4em;text-align:center;text-transform:uppercase;white-space:nowrap}.title-chuck{align-items:center;color:#000;display:flex;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:5em;justify-content:center;letter-spacing:.2em;text-align:center}@media screen and (max-width:530px){.title-chuck{color:#000;flex-wrap:wrap;font-size:3em}}.fire{animation:animation 1s ease-in-out infinite alternate;-moz-animation:animation 1s ease-in-out infinite alternate;-webkit-animation:animation 1s ease-in-out infinite alternate;-o-animation:animation 1s ease-in-out infinite alternate}.burn{animation:animation .65s ease-in-out infinite alternate;-moz-animation:animation .65s ease-in-out infinite alternate;-webkit-animation:animation .65s ease-in-out infinite alternate;-o-animation:animation .65s ease-in-out infinite alternate}@keyframes animation{0%{text-shadow:0 0 20px #fefcc9,10px -10px 30px #feec85,-20px -20px 40px #ffae34,20px -40px 50px #ec760c,-20px -60px 60px #cd4606,0 -80px 70px #973716,10px -90px 80px #451b0e}to{text-shadow:0 0 20px #fefcc9,10px -10px 30px #fefcc9,-20px -20px 40px #feec85,22px -42px 60px #ffae34,-22px -58px 50px #ec760c,0 -82px 80px #cd4606,10px -90px 80px #973716}}@-webkit-keyframes animation{0%{text-shadow:0 0 20px #fefcc9,10px -10px 30px #feec85,-20px -20px 40px #ffae34,20px -40px 50px #ec760c,-20px -60px 60px #cd4606,0 -80px 70px #973716,10px -90px 80px #451b0e}to{text-shadow:0 0 20px #fefcc9,10px -10px 30px #fefcc9,-20px -20px 40px #feec85,22px -42px 60px #ffae34,-22px -58px 50px #ec760c,0 -82px 80px #cd4606,10px -90px 80px #973716}}
/*# sourceMappingURL=main.2ecda4e4.css.map*/