*{margin:0;padding:0;box-sizing:border-box}body{background-color:#1a1a1a;font-family:Albert Sans,sans-serif}main{display:grid;grid-template-columns:1fr 2fr 1fr 3fr 1fr;grid-template-rows:auto;gap:1vw}#page-title{display:grid;grid-column:1 / -1;grid-template-rows:auto auto;justify-items:center;align-items:center;padding:1rem;margin:.4rem;font-family:Luckiest Guy,sans-serif;letter-spacing:.2rem;font-size:2rem;color:#ff4c29;text-shadow:2px 2px 5px #000}#slogan{font-family:Albert Sans,sans-serif;font-size:1.1rem;font-style:italic;margin-top:.3rem;color:#eee;text-shadow:none;letter-spacing:.05rem}#poster-container{grid-column-start:2;grid-row-start:2;display:flex;align-content:center;justify-content:center;position:relative}.refresh-button{position:absolute;bottom:0;margin-bottom:.6rem;background-color:#36454fcc;border:none;width:100%;max-width:150px;height:2rem;cursor:pointer;border-radius:12px;font-weight:700;color:#fff;letter-spacing:.05rem;transition:.3s linear;align-self:center}#refresh-button:hover{background-color:#36454f}#movie-poster{height:75vh;aspect-ratio:auto;border:none;box-shadow:10px 10px 10px #0009}#iframe-form-container{grid-column-start:4;display:flex;flex-direction:column;justify-content:space-around}iframe{aspect-ratio:16 / 9;width:100%;box-shadow:10px 10px 10px #0009;border:none}#user-forms{grid-row-start:2;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f9fafc;border:1px solid #e0e0e0;border-radius:12px;padding:1rem;box-shadow:0 0 12px #ff884b80;border-style:none;position:relative;z-index:1;gap:1rem;background:linear-gradient(135deg,#ff4c2973,#ff884b99,#ffc93c8c);margin-top:1.5rem}.background-fire-image{position:absolute;top:0;left:0;overflow:hidden;object-fit:cover;height:100%;width:100%;z-index:0;opacity:.25;border-radius:inherit;mix-blend-mode:darken}#form-container{display:flex;flex-direction:column;z-index:2;gap:.5rem}#movie-title{display:flex;justify-content:center;margin-top:.3rem;font-family:Luckiest Guy,sans-serif;letter-spacing:.15rem;font-size:1.6rem;text-align:center}#radio-container{display:flex;flex-direction:row;justify-content:center;align-items:center;border-style:none;margin:.3rem 0}#legend,#text-box-container label{text-align:center;margin-bottom:.2rem;font-weight:600}.form-group{display:flex;justify-content:center;align-items:center;margin:0 .4ex}.radio-label{display:inline-block;padding:0 .2rem;cursor:pointer;font-size:1.3rem;text-shadow:2px 2px 4px rgba(0,0,0,.6);transition:transform .3s ease-in-out}.radio-label:hover{transform:scale(1.3)}.radio-buttons:checked+label{background:#2e2e2e73;border-radius:50%;padding:7px}#text-box-container{border-style:none;display:flex;flex-direction:column;width:100%}#text-box-container textarea{resize:none;font-family:Albert Sans,sans-serif;padding:.5rem;border:none;font-size:.85rem;margin-bottom:.2rem}#hot_takes{background-position:10px center;border-radius:12px;width:100%;height:auto}#character-count{font-size:.75rem;text-align:right;color:#444;font-style:italic}#submit-button{background-color:#cb3b1e;border:none;width:100%;max-width:200px;height:2rem;margin-top:.5rem;cursor:pointer;border-radius:12px;font-weight:700;color:#fff;box-shadow:0 4px 12px #ff4c2966;letter-spacing:.05rem;transition:.3s linear;align-self:center}#submit-button:hover{background-color:#bf3100;transform:scale(1.1)}#submit-button:disabled{background-color:#999;cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}#user-hot-takes{grid-column-start:4;display:flex;justify-content:center;align-items:center}.hot-take-container{display:flex;flex-direction:column;gap:.5rem}.hot-take-text-header{text-align:center;font-family:Luckiest Guy,sans-serif;letter-spacing:.15rem;font-size:1.6rem;margin:.3rem 0}.hot-take-text{background-color:#eee;margin:.1rem;padding:.3rem;font-size:.9rem;border-radius:12px;font-weight:500;text-align:center}@media (max-width: 768px){body{padding:1rem}main{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}#page-title{text-align:center;font-size:1.5rem;padding:.5rem;margin:.2rem;line-height:1.2}#slogan{font-size:.85rem;margin-top:.2rem}#poster-container{width:100%;justify-content:center}#movie-poster{height:auto;width:90vw}#iframe-form-container{width:100%}#user-forms{width:90vw;width:100%;margin:1rem 0;overflow-x:hidden}#radio-container{flex-wrap:wrap;gap:.5rem}#hot_takes{width:100%}}#user-hot-takes{width:100%}@media (max-width: 320px){.refresh-button{max-width:130px;height:1.5rem;font-size:.7rem;margin-bottom:.3rem}.hot-take-text-header{width:100%;text-align:center;margin:.5rem auto;font-size:1.34rem}}