* {
    padding: 0;
    margin: 0;
}

::selection {
  background: #fb4934;
  color: #1d2021;
}

body {
    background-color: #282828;
    padding: 0 1em 0 1em;
    font-family: 'Georgia';

}

.hero {
    height: 99vh;
    width: 99vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

h1 {
    color: #fabd2f;
    font-style: italic;
    font-size: clamp(0.5rem, 2.0vw + 1rem, 100rem);
}

p {
    color: #bdae93;
    margin-bottom: 8px;
    font-size: clamp(0.5rem, 0.5vw + 1rem, 100rem);
}

ul {
    font-size: clamp(0.5rem, 0.5vw + 1rem, 3rem);
    list-style: none;
}

a {
    font-style: italic;
    color: #83a598; /* Normal link */
}

a:visited {
    color: #83a598; /* Normal link */
}

a:hover {
    color: #83a598; /* Normal link */
}

a:active {
    color: #83a598; /* Normal link */
}