body { 
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      background: #faddc3;
      color: #333;   
    }
.home {
margin: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
text-align: center;
}

    .emoji {
      font-size: 6rem;
      margin-bottom: 1rem;
      filter: drop-shadow(0 0 5px #ff9966);
    }

    h1 {
      font-size: 2.2rem;
      margin: 0.5rem 0;
      color: #000;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .menu {
      display: flex;
      gap: 1.5rem;
      background: linear-gradient(135deg, #ff9966, #ff5e62);
      padding: 0.6rem 1.5rem;
      border-radius: 999px;
      margin-top: 2rem;
      box-shadow: 0 3px 8px rgba(0,0,0,0.15);
    }

    .menu a {
      text-decoration: none;
      color: #fff;
      font-weight: 500;
      transition: opacity 0.3s ease;
    }

    .menu a:hover {
      opacity: 0.7;
    }

        .what-to-wear { font-weight: bold; font-size: 1.1em; margin-bottom: 20px; }
        .forecast-day {background: #fcebdc; border-radius: 8px; box-shadow: 0 0 5px rgba(0,0,0,0.1); margin-bottom: 15px; padding: 15px; }
        .date {font-weight: bold; font-size: 1.2em; margin-bottom: 8px; }
        .weather { margin-bottom: 6px; }
        .temp { font-style: italic; color: #555; }


.countdown {
  margin-top: 20px;
  font-size: 1.3rem;
  font-weight: bold;
  color: #222;
  text-shadow: 0 1px 2px rgba(0,0,0,0.15);
}


.main {
margin: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}

 .card {
 background: #fcebdc;
 border-radius: 12px;
 box-shadow: 0 0 5px rgba(0,0,0,0.1);
 width: 500px;
 padding-left:10px;
 padding-right:10px;
 margin-bottom:20px;
}

input, textarea {
 width: 460px;
 padding: 15px;
 border-radius: 8px;
 border: 1px solid #ccc;
 font-family: inherit;
 font-size: 1rem;
}

button {
margin: 10px 0px;
background: linear-gradient(135deg, #ff9966, #ff5e62);
border: none;
color: #fff;
padding: 10px 20px;
border-radius: 999px;
cursor: pointer;
font-size: 1rem;
box-shadow: 0 3px 8px rgba(0,0,0,0.15);
}

button:hover { opacity: 0.85; }
.error { color: #b00020; font-weight: bold; margin: 10px 0px; }
.entry { text-align:left; margin-bottom: 8px; }