/* Simple black-and-white styles */
/* we can get crazy with this later */
/*body {
	margin: 0;
	padding: 2rem;
	background: #fff;
	color: #000;
	font-family: Arial, sans-serif;
	line-height: 1.6;
}

h1 {
    text-align: center;
	margin: 0 0 1rem;
	color: #000;
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 1.2;
}*/
/*i got crazy with it*/
:root {
      --red: #b52f32;
      --cream: #fff8e9;
      --ink: #3b2520;
    }

    * { box-sizing: border-box; }

    body {
      margin: 0;
      min-height: 100vh;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 3rem 1.25rem;
      background: var(--cream);
      color: var(--ink);
      font-family: Georgia, "Times New Roman", serif;
    }

    .card {
      width: min(760px, 100%);
      overflow: hidden;
      text-align: center;
      background: #fffdf7;
      border: 2px solid var(--red);
      border-radius: 12px;
      box-shadow: 0 12px 30px rgb(91 38 26 / 16%);
    }

    .awning {
      height: 86px;
      background: repeating-linear-gradient(
        135deg,
        var(--red) 0 42px,
        #fffdf7 42px 84px
      );
      border-bottom: 7px solid #f0c49d;
    }

    main { padding: 2.5rem 2rem 3rem; }

    h1 {
      margin: 0 0 1rem;
      color: var(--red);
      font-size: clamp(2.7rem, 8vw, 5rem);
      letter-spacing: 0.04em;
      line-height: 1;
      text-transform: uppercase;
    }

    p {
      max-width: 600px;
      margin: 0 auto;
      font-size: 1.2rem;
      line-height: 1.7;
    }

    .home-button {
      display: inline-block;
      padding: 0.65rem 1rem;
      color: #fffdf7;
      background: var(--red);
      border-radius: 6px;
      font-size: 1rem;
      font-weight: 700;
      text-decoration: none;
    }

    .home-nav {
      margin-top: 1rem;
      text-align: center;
    }

    .home-button:hover,
    .home-button:focus-visible {
      background: var(--ink);
    }

    ul {
      max-width: 600px;
      margin: 1.5rem auto;
      padding-left: 1.5rem;
      text-align: left;
      font-size: 1.1rem;
      line-height: 1.7;
    }