@font-face {
    font-family: 'Bluu Next';
    src: url('../fonts/BluuNext-Bold.woff2') format('woff2'),
         url('../fonts/BluuNext-Bold.woff') format('woff'),
         url('../fonts/BluuNext-Bold.otf') format('opentype');
}


* {
    color: lightgrey;
}

h1, h2 {
    font-family: 'Bluu Next';
    color: gray;
}

h2 {
    margin-top: 0;
    margin-bottom: 5%;
}

.outline-2 {
    background: rgba(0,0,0,0.8);

    padding: 5%;
    margin: 5%;

    border-style: double;
    border-color: darkgrey;
}

#table-of-contents {
    text-align: center;
}

#table-of-contents h2 {
    margin-top: 5%;
    margin-bottom: 0;
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

a:hover{
    color: purple;
}

body {
    background-color: black;
    background-image: url("../img/background.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-attachment: fixed;
    background-position: center bottom;
}

@keyframes snow_anim {
    from {transform: rotate(0);}
    to {transform: rotate(540deg);}
}

.snowflake {
    animation-name: snow_anim;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse;
}