@font-face {
    font-family: AnonymousPro;
    src: url(./fonts/AnonymousPro-Regular.ttf);
}

:root {
    --background: #355070;
    --box: #6d597a;
    --link: #b56576;
    --border: #e56b6f;
    --text: #eaac8b;
}

body {
    font-family: AnonymousPro;
    letter-spacing: 1px;
    background-color: var(--background);
    color: var(--text);
    margin: 0 auto;
    padding:20px;
    max-width: 777px;
    display: grid;
    gap: 20px;
}

h1, h2, h3 {
    color: var(--border);
    margin: 0px;
    padding: 0px;
}

a {
    color: var(--link);
    text-decoration: none;
}

.glow {
    text-shadow: 1px 1px 2px var(--background);
}

.box, .button-box {
    background-color: var(--box);
    padding: 20px;
    border-color: var(--border);
    border-width: 1px;
    border-style: solid;
}

.button-box {
    display: inline-block;
    justify-content: space-between;
}

.button-box img {
    padding: 0 0.5%;
}

footer p{
    margin: 0px;
    color: var(--border);
    font-size: 0.6em;
}