:root{--bg-color: #fcf8e7;--primary: #736558}*{margin:0;padding:00;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:2rem;padding:1rem;background-color:var(--bg-color);color:var(--primary)}h1{font-size:1.7rem;margin-bottom:20px;text-align:center}h2{text-align:center;margin-top:2rem}h3{margin-top:1.5rem;text-align:center}p{font-size:1rem;margin-bottom:1rem;line-height:2rem;text-align:justify;padding:1rem}hr{margin:0 1rem}ul li{list-style-type:none;margin-left:1rem;margin-right:1rem;text-align:justify}.container{background-color:var(--bg-color);border-radius:10px;box-shadow:0 2px 5px #00000080;margin-top:1.2rem;padding:.6rem .6rem 2rem}header{background-color:var(--primary);padding:.5rem;text-align:center;border-radius:10px}nav ul{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;list-style:none}nav ul li{display:inline}nav ul li:hover{background:var(--bg-color);border-radius:20px}nav ul li a{color:var(--bg-color);text-decoration:none;display:block;text-align:center}form{display:flex;flex-direction:column;align-items:center}form span{margin-top:2rem}form input[type=date]{padding:10px;border:1px solid rgba(0,0,0,.3);border-radius:5px;margin-bottom:2rem;width:80%;text-align:center}form button{padding:10px;background-color:var(--primary);color:var(--bg-color);border:none;border-radius:5px;cursor:pointer;width:80%}form button:hover{background-color:var(--bg-color);color:var(--primary);border:1px solid rgba(0,0,0,.3)}.centralize{text-align:center}@media (min-width: 768px){.container{width:90%;margin:20px auto;padding:20px}h1{font-size:2.4rem;line-height:3.5rem}nav ul{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}nav ul li a:hover{text-decoration:none;color:var(--fourth)}form button{flex:1;padding:1rem;font-size:1.2rem}}