*{font-family:sans-serif,monospace;color:#fff;list-style:none;text-decoration:none;--bg-red: #FF4538;--bg-blue: #1E1E2E;--bg-yellow: #FFDF00}body{background-color:var(--bg-blue)}main{height:90vh}.center-text{text-align:center}.header{padding:1rem 0rem;background-color:var(--bg-red)}.header>img{width:40px}.container{margin:0 1rem}h2{padding:2rem 0rem}h3{margin:3rem}img{width:10rem}.section-form{display:flex;justify-content:center}.section-form>.input-text{color:#000}.btn{background-color:var(--bg-yellow);color:#000;font-size:medium;font-weight:700;padding:.75rem;border-radius:0rem .5em .5rem 0rem}.input-text{padding:.75rem;border-radius:.5rem 0em 0rem .5rem}.section-grid{display:grid;grid-template-columns:50% 50%;grid-template-rows:50% 50%;gap:0rem 1rem}.field-l{display:grid;place-items:center start}.field-d{display:grid;place-items:center end}.sprites{display:grid;margin:3rem;grid-template-columns:repeat(4,1fr);place-items:center}@media screen and (max-width: 700px){.sprites{margin:0rem;grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 480px){.sprites{margin:0rem;grid-template-columns:repeat(2,1fr)}}figcaption{text-align:center}.footer{position:fixed;left:0;bottom:0;width:100%;background-color:var(--bg-red);padding:.7rem}.link-snaky{font-style:italic;cursor:pointer;padding:.5rem;border-radius:1rem}.link-snaky:hover{background-color:#38f2ff;color:#000}*{padding:0;margin:0}