/*Importing Fonts from Google */
    
    /* font-family: "Germania One", system-ui; */
    @import url('https://fonts.googleapis.com/css2?family=Germania+One&display=swap');

    /* font-family: 'Caveat Brush', cursive; */
    @import url('https://fonts.googleapis.com/css?family=Caveat+Brush&display=swap');

    /* font-family: 'Nunito', sans-serif; */
    @import url('https://fonts.googleapis.com/css?family=Nunito&display=swap');

    /* font-family: 'Merienda One', cursive; */
    @import url('https://fonts.googleapis.com/css?family=Merienda+One&display=swap');

    /* font-family: 'Sniglet', cursive; */
    @import url('https://fonts.googleapis.com/css?family=Sniglet&display=swap');

    /* font-family: "Vollkorn", serif; */
    @import url('https://fonts.googleapis.com/css2?family=Vollkorn:ital,wght@0,400..900;1,400..900&display=swap');

    /*font-family: "Quicksand", sans-serif;*/
    @import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');

/* Font Library */
p {
    font-size: 1.1rem;
    font-family: "Vollkorn", serif;
}

li {
    font-size: 1.1rem;
    font-family: "Quicksand", sans-serif;
    color: black;
}

li .noStyle {
    list-style-type: none;
}


.redMe {
    color: rgb(164, 98, 11);
}

.blueMe {
    color: rgb(62, 86, 121);
}

/* 
.greenMe {
    color: rgb(36, 245, 71);
} */

/* H's Library*/
h1 {
    font-family: "Germania One", system-ui;
    font-size: 1.8rem;
    margin-bottom: 2vh;
}

h2 {
    font-family: 'Sniglet', Tahoma, sans-serif;
    font-size: 1.4rem;
    font-style: normal; 
}

.h2-margin {
    margin-top:5vh;
}

h6 {
    font-size: 1.1rem;
    font-family: "Quicksand", sans-serif;
    font-style: normal;
}

/* Footer */
.footerTitle {
    font-family: 'Merienda One', cursive;
    font-size:1.2rem;
    color:rgb(178, 38, 34);   
}

.footerText, .footerText a{
    font-family: "Quicksand", sans-serif;
    text-decoration: none;
    color: black;
    text-align: center;
    font-size: 1rem;
    transition: 0.5s;
    
}


/*Awesomefont Edits */
.fa-event-overview {
    font-size: 4rem;
    margin-left: 2%;
    margin-right: 2%;
    color: rgba(62, 86, 121, 0.9);
}

.fa-regular-column {
    font-size: 6rem;
    margin-left: 2%;
    margin-right: 2%;
    color: rgba(62, 86, 121, 0.9);
}

.fa-event-overview:hover, .fa-regular-column:hover {
    transform: scale(0.8);
    transition: 500ms;
}

.fa-card-button {
    font-size: 1.4rem;
    margin-left: 2%;
    margin-right: 2%;
    color: rgba(62, 86, 121, 0.9);
}