body {
    background-color: #FF9A56;
    background-image: linear-gradient(180deg,
        var(--color-3),
        var(--color-1),
        var(--color-2),
        var(--color-4));
}

.logo-text {
    text-shadow: 4px 4px var(--color-2), -4px -4px var(--color-1), -8px -8px var(--color-3), 8px 8px var(--color-4);
    color: white;
    text-decoration: none;
    font-size: 5rem;
    font-family: 'Comic Sans MS', 'Comic Sans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: italic;
    line-height: 1;
    margin-bottom: 0;
    text-transform: inherit;
  }

.container {
    background-color: hsl(24, 100%, 90%);
    padding: 1rem;
    box-sizing: border-box;
    border: 2px solid hsl(24, 100%, 50%);
    margin-bottom: 3rem;
}

.container-pic {
    max-width: 70%;
    margin-inline: auto;
  }