/* Set height to 100% for body and html to enable the background image to cover the whole page: */
body, html {
    height: 100%;
    background-color: #C5C5C5;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 2 1'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='1'%3E%3Cstop offset='0' stop-color='%23C5C5C5'/%3E%3Cstop offset='1' stop-color='%23FFFFFF'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23FFFFFF' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23FFFFFF' stop-opacity='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' gradientUnits='userSpaceOnUse' x1='0' y1='0' x2='2' y2='2'%3E%3Cstop offset='0' stop-color='%23FFFFFF' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23FFFFFF' stop-opacity='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='2' height='1'/%3E%3Cg fill-opacity='0.14'%3E%3Cpolygon fill='url(%23b)' points='0 1 0 0 2 0'/%3E%3Cpolygon fill='url(%23c)' points='2 1 2 0 0 0'/%3E%3C/g%3E%3C/svg%3E");
    background-attachment: fixed;
    background-size: cover;
}

.hrContainer h1{
    font-family: "Birthstone", cursive;
    font-weight: 400;
    font-style: normal;
    font-size: 80px;
}
.hrContainer {
    width: 100vw;
    height: calc(100vh - 150px);
    display: flex;
    justify-content: center; /* Centers horizontally */
    align-items: center; /* Centers vertically */
    /*height: 100vh;*/
    /* height: calc(100vh - 150px); */
    
}

footer p{
    margin-bottom: 0px;
}

@media (max-width: 600px){
    .navbar-toggler{
        margin-inline: auto;
    }
    .navbar-light{
        background-color: rgb(217, 214, 214);
    }
}

@media (max-width: 450px){
    .joinWaitlistButton{
    margin-top: 15px;
    }
}