:root{--bg-gradient:linear-gradient(231deg,#8c09e2,#130338)}*{font-family:Helvetica,Arial,sans-serif}body{background:linear-gradient(231deg,#8c09e2,#130338);background:var(--bg-gradient);color:#fff;padding:1rem}ol,ul{padding:0}button{background-color:transparent;border:none}input{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background-color:hsla(0,0%,100%,.3);border-radius:0;border:none;box-shadow:0 0 15px rgba(0,0,0,.4);color:#fff;font-family:"Ubuntu",sans-serif;font-size:1.2rem;font-weight:400;margin-bottom:2rem;letter-spacing:.02rem;padding:1rem 1.5rem;width:calc(100% - 3rem)}input:focus{outline:none}input::-webkit-input-placeholder{color:hsla(0,0%,100%,.8);font-weight:300}input:-ms-input-placeholder{color:hsla(0,0%,100%,.8);font-weight:300}input::placeholder{color:hsla(0,0%,100%,.8);font-weight:300}.container{margin:auto;max-width:1040px}.title{font-family:"Merriweather",serif;font-size:3.5rem;letter-spacing:.02rem;text-align:center}.subtitle{align-items:center;display:flex}.subtitle h3{flex-shrink:0;font-family:"Ubuntu",sans-serif;font-size:1.5rem;font-weight:400;text-transform:capitalize}.subtitle hr{background:#fff;border:none;height:1px;margin-left:20px;opacity:.5;width:100%}.subtitle button{color:#fff;flex-shrink:0;margin-left:1rem}.subtitle button:disabled{opacity:.5}@media (hover:hover){.subtitle button:hover:not([disabled]){cursor:pointer;text-decoration:underline}}.card-grid{-webkit-column-count:4;column-count:4}.card{display:inline-block;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;border-radius:6px;margin:5px 0}.card p{padding:5px;text-align:center}.card img{width:100%}@keyframes skeletonLoading{0%{background-position:0 0}to{background-position:-135% 0}}.skeleton__wrapper{-moz-column-break-inside:avoid;-webkit-column-break-inside:avoid;animation:skeletonLoading 1.2s ease-in-out infinite;background-size:400% 400%;background-image:linear-gradient(90deg,#9b9b9b 0,#f8f8f8 50%,#969595);display:inline-block;margin:5px 0;width:100%;background-position:0 0;opacity:.3}.skeleton__wrapper:nth-child(2n){height:200px}.skeleton__wrapper:nth-child(odd){height:400px}@media screen and (max-width:960px){.card-grid{-webkit-column-count:3;column-count:3}}@media screen and (max-width:767px){.card-grid{-webkit-column-count:1;column-count:1}.card{display:block}}.notfound{font-size:1.2rem;letter-spacing:.1rem}.notfound,small{text-align:center}small{display:block;font-size:.8rem;letter-spacing:.03rem;margin:2rem 0}small a{color:#fff}
/*# sourceMappingURL=main.d03ffa2d.chunk.css.map */