:root{font-family:Rubik,Arial,Helvetica,sans-serif;line-height:1.5;font-weight:400;width:100%;height:100%;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;flex-direction:column;align-items:center;width:100vw;height:100%}h1{font-size:3.2em;line-height:1.1}.hidden{display:none}button{border-radius:8px;border:1px solid transparent;padding:.4em 1em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}button:hover{border-radius:10px;transform:rotate(15deg) scale(1.4)}.spinner{width:20px;height:20px}.spinner div{box-sizing:border-box;display:block;position:absolute;width:34px;height:34px;margin:8px;border:6px solid #000;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#000 transparent transparent transparent}.spinner div:nth-child(1){animation-delay:-.45s}.spinner div:nth-child(2){animation-delay:-.3s}.spinner div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.jokesContainer{width:100vw;height:100%;text-align:center;margin:0 auto 2rem;border-radius:1rem;color:#333;display:flex;flex-direction:column;justify-content:center;align-items:center}.jokesContainer h1{margin:1rem}.jokesContainer p{width:50%;margin:2rem 0}.jokesContainer button{align-self:center;padding:1.5rem}.jokesContainer #jokesButton{box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px}.jokesContainer .spinner{margin:4rem;position:relative;left:-16px}.jokesTrackerContainer__button--plus{font-size:3rem;background-color:initial;padding:1rem}.jokesContainer__joke{margin:2rem;font-size:2rem;font-style:italic;width:80%;margin:auto}.body__blobBackground{background-size:100% 100%;background-position:center center;background-repeat:no-repeat}.blob1{background-image:url("data:image/svg+xml;utf8,%3Csvg viewBox=%220 0 1000 1000%22 xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cdefs%3E%3ClinearGradient id=%22b%22 gradientTransform=%22rotate(-45 .5 .5)%22%3E%3Cstop offset=%220%25%22 stop-color=%22%23FAACA8%22%2F%3E%3Cstop offset=%22100%25%22 stop-color=%22%23DDD6F3%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath id=%22a%22%3E%3Cpath fill=%22currentColor%22 d=%22M903 630q-45 130-148.5 233t-252 95q-148.5-8-261-98T65 635Q1 500 56.5 359t180-214.5Q361 71 494 90.5T744 174q117 64 160.5 195T903 630Z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg clip-path=%22url(%23a)%22%3E%3Cpath fill=%22url(%23b)%22 d=%22M903 630q-45 130-148.5 233t-252 95q-148.5-8-261-98T65 635Q1 500 56.5 359t180-214.5Q361 71 494 90.5T744 174q117 64 160.5 195T903 630Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.blob2{background-image:url("data:image/svg+xml;utf8,%3Csvg viewBox=%220 0 1000 1000%22 xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cdefs%3E%3ClinearGradient id=%22b%22 gradientTransform=%22rotate(-45 .5 .5)%22%3E%3Cstop offset=%220%25%22 stop-color=%22%238EC5FC%22%2F%3E%3Cstop offset=%22100%25%22 stop-color=%22%23E0C3FC%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath id=%22a%22%3E%3Cpath fill=%22currentColor%22 d=%22M803 643Q665 786 466 845T176 702q-91-202 22.5-364.5t306-170.5Q697 159 819 329.5T803 643Z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg clip-path=%22url(%23a)%22%3E%3Cpath fill=%22url(%23b)%22 d=%22M803 643Q665 786 466 845T176 702q-91-202 22.5-364.5t306-170.5Q697 159 819 329.5T803 643Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.blob3{background-image:url("data:image/svg+xml;utf8,%3Csvg viewBox=%220 0 1000 1000%22 xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cdefs%3E%3ClinearGradient id=%22b%22 gradientTransform=%22rotate(-45 .5 .5)%22%3E%3Cstop offset=%220%25%22 stop-color=%22%23FBAB7E%22%2F%3E%3Cstop offset=%22100%25%22 stop-color=%22%23F7CE68%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath id=%22a%22%3E%3Cpath fill=%22currentColor%22 d=%22M803 643Q665 786 466 845T176 702q-91-202 22.5-364.5t306-170.5Q697 159 819 329.5T803 643Z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg clip-path=%22url(%23a)%22%3E%3Cpath fill=%22url(%23b)%22 d=%22M803 643Q665 786 466 845T176 702q-91-202 22.5-364.5t306-170.5Q697 159 819 329.5T803 643Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@media screen and not (min-width:38em){.jokesContainer h1{font-size:2rem}.jokesContainer .jokesContainer__joke{margin:0;font-size:1.3rem}.jokesContainer button{padding:.5rem}}.errorContainer{width:70%;margin:auto;padding:2rem;background-color:coral;border-radius:1rem;text-align:center;box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px;white-space:pre-line}@media screen and not (min-width:38em){.jokesTrackerContainer{margin:0}}.jokesTrackerContainer{margin:0;margin:1rem}.jokesTrackerContainer .selected{transform:rotate(-15deg) scale(1.4)}@media screen and not (min-width:38em){body .weatherContainer{justify-content:center;width:auto}body .weatherContainer .weatherContainer__icon{margin-left:0}}.weatherContainer{margin:2rem;text-align:center;width:100vw;display:flex;justify-content:left}.weatherContainer .error{line-height:1rem;margin:0 auto;align-self:center}.weatherContainer__icon{font-size:1.5rem;align-self:center;margin-left:1rem}.weatherContainer__icon--weather{font-size:1.5rem;align-self:center}.weatherContainer__temperature{font-size:1.5rem;margin-right:2rem;align-self:center}.weatherContainer__windSpeed{font-size:1.5rem;align-self:center}