html,body{margin:0;font-family:Karla,sans-serif}h1,h2,h3{text-align:center}h1,h2{color:#eed6d3;margin:0}h1{font-size:28px}h2{font-size:16px}h3{margin:25px}.container{width:100%;max-width:700px;margin:0 auto}header{background-color:#67595e;width:100%}.header-inner{justify-content:center;align-items:center;gap:15px;width:370px;margin:0 auto;padding:10px 0 0;display:flex}.pumpkin-img{width:80px}.controls-container{flex-direction:column;width:50%;min-width:200px;margin:0 auto;display:flex}.emotion-radios{border:1px solid #bcbcbc;border-radius:5px;flex-direction:column;display:flex}.radio{border-bottom:1px solid #bcbcbc;align-items:center;padding:6px 12px;display:flex}.radio:first-child{border-top-left-radius:5px;border-top-right-radius:5px}.radio:last-child{border-bottom:0;border-bottom-right-radius:5px;border-bottom-left-radius:5px}label{cursor:pointer;width:100%;padding:3px;font-size:14px}.highlight{color:#bd301d;accent-color:#bd301d;background-color:#fff0ee;font-weight:700}input[type=radio]{cursor:pointer}.gifs-check{justify-content:center;align-items:center;margin:16px;display:flex}.gifs-check-label{width:unset;margin-right:5px}.get-image-btn{color:#eed6d3;background-color:#67595e;border:none;border-radius:5px;margin-bottom:8px;padding:15px 19px;font-size:24px}.get-image-btn:disabled{opacity:.5;cursor:not-allowed}.meme-modal{background-color:#fff0ee;border:1px solid #67595e;border-radius:5px;width:52%;min-width:345px;max-width:420px;height:530px;margin:auto;display:none;position:fixed;top:80px;left:0;right:0}.meme-modal-close-btn{color:#555;background-color:#0000;border:2px solid #555;border-radius:50%;padding:2px 6px;font-size:14px;position:absolute;top:1%;right:2%}.meme-modal-close-btn:hover{color:#fff;background-color:#bd301d;border:2px solid #bd301d}.meme-modal-inner{flex-direction:column;height:100%;margin-top:35px;display:flex}.nav-btn{color:#fff;cursor:pointer;background-color:#00000080;border:none;border-radius:50%;padding:10px 15px;font-size:1.5rem;transition:background-color .3s;position:absolute;top:35%}.nav-btn:hover{background-color:#000c}.nav-right{right:0}.main-display{width:95%;max-width:340px;height:310px;margin:0 auto 20px}.main-display>img{border-radius:4px;width:100%;height:100%;display:block}.thumbnail-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:10px;width:95%;max-width:340px;height:150px;margin:0 auto;padding:6px;display:grid;overflow-y:auto}.thumbnail-grid img{aspect-ratio:1;object-fit:cover;cursor:pointer;opacity:.8;border:2px solid #0000;border-radius:4px;width:100%;transition:all .3s}.thumbnail-grid img:hover,.thumbnail-grid img:focus{outline:3px solid #ff9800;transform:scale(1.05)}.thumbnail-grid img.active{opacity:1;border:2px solid #007bff;transform:scale(1.1)}