:root {
    --blue:#317A86; 
    --gray: #61727C; 
    --teal: #3E6F6B; 
    --lighter-green: #5D8679; 
    --green: #3E7C59; 
    --white: #eae9e6;
    --black: #151515;
}

* {
  font-family: "PT Serif", serif;
  font-weight: 400;
  font-style: normal;
  color: var(--white);
}

body {
    background-color: var(--black);
}

.maincard {
    margin: 10% auto auto 10%;
    font-size: 300%;
    color: var(--white);
}

.intro h1 {
    font-weight: bold;
}

nav {
    padding: 1% 5% 1% 5%;
    border-bottom: solid var(--white) 3px;
}

nav a {
    text-decoration: none;
    color: var(--white);
    font-size: 150%;
    width: min-content;
    padding: 1% 5% 1% 5%;
}

nav a:hover {
    text-decoration: underline;
}

main {
    width: clamp(800px, 60%, 4096px);
    margin: auto;
    padding: 32px;
    background-color: #151515;
}