body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}header{background-color:#33be2e;box-shadow:1px 1px 10px rgba(0,0,0,.288);display:flex;gap:10px;justify-content:center;padding:2em;position:relative;z-index:2}header input{border:0;border-radius:5px;color:#fff;font-size:1em;margin-inline:10px;outline:0;transition:background-color .3s}header input[type=submit]{background-color:#134612;cursor:pointer;padding:.8em}header input[type=submit]:hover{opacity:.9}header input[name=search]{background-color:#56d351;padding:1em .6em}header input[name=search]:focus{background-color:#134612;border-bottom:3px solid #fff;margin-bottom:-2.2px}header input::-webkit-input-placeholder{color:#fff;opacity:.6}header input::placeholder{color:#fff;opacity:.6}.container{background-color:#eee;display:flex;justify-content:center;margin:0 auto;max-width:1200px;padding:2em 1em}.grid{-webkit-column-count:3;column-count:3;width:100%}.loader-container,.not-found{align-items:center;display:flex;flex-direction:column;margin:34vh auto 0;position:relative}.not-found p{margin-top:-10px}.not-found :is(p,h1){padding-inline:10px;text-align:center}.loader:after,.loader:before{-webkit-animation:loader 1s linear infinite;animation:loader 1s linear infinite;border:4px solid #33be2e;border-radius:50%;content:"";height:80px;margin-left:-40px;margin-top:-40px;position:absolute;width:80px}.loader:after{-webkit-animation-delay:.5s;animation-delay:.5s;opacity:0}@-webkit-keyframes loader{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}to{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}@keyframes loader{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}to{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}@media only screen and (max-width:1000px){.grid{-webkit-column-count:2;column-count:2}}@media only screen and (max-width:600px){.grid{-webkit-column-count:1;column-count:1}}article{background-color:#fff;border-radius:10px;cursor:pointer;display:inline-block;margin-bottom:40px;overflow:hidden;transition:box-shadow .2s ease;width:100%}article>img{width:inherit}article>p{padding:.5em 1em}article:hover{box-shadow:0 3px 5px rgba(0,0,0,.2)}
/*# sourceMappingURL=main.e9cc6830.css.map*/