@font-face {
    font-family: queeringv2-bold;
    src: url(./Queering-Bold.woff2);
}

@font-face {
    font-family: queeringv2-regular ;
    src: url(./Queering-Regular.woff2);
}

:root {
    --footer-height: 25px;
    --header-height: 75px;
}

html {
    scroll-behavior: smooth;
}

body {
    position: relative;
    background-color: #41468B;
    height:fit-content;
    display: flex;
    flex-direction: column;
}

header {
    display: flex;
    flex-direction: column;
    font-family: queeringv2-bold;
    background-color: black;
    border-radius: 115px;
    height:var(--header-height);
    margin-bottom: 25px;
    justify-content: center;
    justify-items: center;
    text-align: center;
}

nav {
    height: 100%;
    justify-content: center;
    justify-items: center;
    margin-bottom: 2.25%;
}

nav > ul {
    list-style-type: none;
    display: flex;
    justify-content: center;
    justify-items: center;
    font-size:xx-large;
}

nav > ul > li {
    margin-right: 25px;
    justify-content: center;
    text-align: center;
}

.nav-bar {
    height: 150%;
    width: 100%;
    display:flex;
    align-items: center;
    justify-content: center;
}

a:link {
    color: white;
    text-decoration: none;
}

a:visited {
    color: #EE716F;
    text-decoration: none
}

main {
    font-family: queeringv2-bold;
    background-color: black;
    display: flex;
    flex-direction: column;
    margin-left: 10%;
    margin-right: 10%;
    align-items: center;
    justify-items: center;
    text-align: center;
    border-radius: 0%;
    margin-bottom: 25px;
}

.main-paragraph {
    color: white;
    font-size: large;
    margin-left: 10%;
    margin-right: 10%;
    font-size: xx-large;
}

.gallery-main {
    color: white;
    font-size: large;
    margin-left: 10%;
    margin-right: 10%;
    font-size: xx-large;
}
footer {
    background-color: black;
    display: flex;
    flex-direction: column;
    height: var(--footer-height);
    margin-left: 10%;
    margin-right: 10%;
    text-align: centerid;
}

footer > p {
    font-size: xx-small;
    color: white;
    align-items: center;
    justify-items: center;
    text-align: center;
}