:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}.watchlist{background-color:#222;border-radius:4px;width:fit-content;margin:1rem auto;padding:1rem}.watchlist h3{color:#8b0000;font-size:2rem}.watchlist p{letter-spacing:1px;color:#f0f8ff;font-size:16px}.movie_card{background-color:#1d2128;border-radius:10px;padding:8px}.movie_card .top{position:relative}.movie_card .top img{border-radius:10px;width:100%}.movie_card .top button{opacity:.8;background-color:#1d2128;border:none;border-radius:50%;padding:6px;transition:all .1s ease-in-out;position:absolute;top:1rem;right:1rem}.movie_card .top button:hover{opacity:1;cursor:pointer}.movie_card .bottom{text-align:start}.movie_card .bottom h2{color:#f5f5f5;font-size:20px}.movie_card .bottom p{text-align:start;font-size:14px}.navbar{justify-content:space-around;padding:1rem;display:flex}.links{justify-content:center;align-items:center;gap:2rem;display:flex}.nav-link{color:#8b0000;letter-spacing:2px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:24px;text-decoration:none;transition:all .1s ease-in-out}.nav-link:hover{color:red}.login button{color:#fff;background-color:#483d8b;border:none;border-radius:4px;padding:10px 20px;font-size:1rem;font-weight:700;transition:all .1s}.login button:hover{cursor:pointer;background-color:#28234f}.home-container h1{color:#f5f5f5;font-size:2rem;font-weight:700}.movies-container{grid-template-columns:repeat(3,1fr);gap:1rem;margin:1rem;display:grid}.movies-container p{text-align:center;width:100%}span{color:#8b0000;font-weight:700}form{justify-content:center;align-items:center;gap:1rem;margin:2rem 0;display:flex}form input{border:none;border-radius:5px;outline:none;width:50%;padding:10px;transition:all .2s}form input:focus{border:2px solid #483d8b}form button{color:#fff;background-color:#483d8b;border:none;border-radius:4px;padding:10px 20px;font-size:1rem;font-weight:700;transition:all .1s}form button:hover{cursor:pointer;background-color:#28234f}