@import url(https://fonts.googleapis.com/css2?family=Sedgwick+Ave&display=swap);.header-controls a,.header-controls button,body{color:var(--text-light)}.header-controls button,.highlight{background-color:var(--accent-light)}:root{--bg-light:#fefdf8;--text-light:#1c1c1c;--accent-light:#50da4c;--bg-dark:#183717;--text-dark:#fefdf8;--accent-dark:#ff8bff}body{font-family:Poppins,sans-serif;background-color:var(--bg-light);margin:0;padding:0}.header-title,header{color:var(--text-dark)}.container,header{padding:20px}header{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-dark)}.header-title{font-size:24px;text-decoration:none;font-family:'Sedgwick Ave',cursive}.header-controls{display:flex;gap:10px}.header-controls button{border:none;padding:10px 15px;border-radius:5px;cursor:pointer;transition:background-color .3s}.header-controls button:hover{background-color:var(--accent-dark)}.header-controls a{text-decoration:none}section{margin:20px 0}h2{font-size:20px;margin-bottom:10px}.copyright{text-align:center;margin-top:20px}.highlight{padding:10px;border-radius:5px}@media (max-width:600px){header{flex-direction:column;align-items:flex-start}.header-controls{flex-direction:column;width:100%}.header-controls button{width:100%}}