/* VARIABLES */
:root {
    --bg-primary: url(/img/backgrounds/bg.png);
    --bg-secondary: url(/img/backgrounds/bg2.png);
    --bg-ternary: url(/img/backgrounds/bg3.jpg);

    --anchor-color: rgb(255, 0, 255);
}

/* IDS */
#beep {
    max-width: 100%;
    height: 20%;
}

#peeb {
    font-family: "Comic Sans MS", "Times New Roman";
    color: yellow;
}

#funkingpawesome {
    max-width: 100%;
    height: auto;
}

/* END IDS */

/* CLASSES */

.small {
  height: 250vh;
}

.center {
    text-align: center;
    list-style-position: inside;
}

/* END CLASSES */

/* ELEMENTS */

body {
    /* TODO: Unset background colour */
    background-color: black;
    color: white;
    font-family: Verdana;
    padding: 0;
    margin: 0;
    background-image: var(--bg-primary);
}

section,
h1 {
    margin: 0;
}


ul {
    display: inline-block;
    text-align: left;
    padding: 0;
}

/* links */
a {
    color: var(--anchor-color);
}

a:visited,
a:focus {
    color: var(--anchor-color);
}

/* END ELEMENTS */