* {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
      }
      body {
        width: 100%;
        height: 100vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        font-family: "Phudu", cursive;
        background-color: #18181b;
      }
      .detail-box {
        width: 600px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px 0;
        margin: 100px 0;
      }
      .detail-box > h2 {
        color: #fff;
        font-size: 60px;
        margin-bottom: 20px;
      }
      #input {
        width: 500px;
        height: 60px;
        padding: 10px;
        outline: none;
        border-radius: 6px;
        font-size: 22px;
        border: none;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
      }
      .container {
        width: 90%;
        display: flex;
        gap: 0 20px;
      }
      .content {
        width: 250px;
        height: 300px;
        background-color: #a5f3fc;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        padding: 20px;
        border-radius: 6px;
        display: flex;
        flex-direction: column;
        align-items: center;
      }
      .location {
        margin-bottom: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
      }
      .location > .city {
        font-size: 30px;
        margin-bottom: 20px;
      }
      .location > .date {
        font-size: 18px;
        color: #2563eb;
      }
      .detail {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0 10px;
      }
      .detail > .temp {
        font-size: 40px;
        margin-bottom: 15px;
      }
      .detail > .status {
        font-size: 20px;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        gap: 0 10px;
        height: 40px;
      }
      .detail > .status > i {
        font-size: 22px;
      }
      .detail > .level {
        font-size: 19px;
        margin-top: 10px;
      }
      .level > .min {
        color: #b91c1c;
      }
      .level > .max {
        color: #15803d;
      }