.calistoga {
    font-family: "Calistoga", serif;
    font-weight: 300;
    font-style: normal;
}

.open-sans-regular {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings:
    "wdth" 100;
}

.Navbar {
    background-color: rgb(68, 56, 80);
}

.NavActive {
    color: rgb(187, 190, 100);
    text-decoration: none;
    font-size: larger;
    padding: 10px;
}

.NavItem {
    color: rgb(215, 216, 186);
    text-decoration: none;
    font-size: larger;
    padding: 10px;
}

.NavItem:hover {
    color: rgb(187, 190, 100);
    text-decoration: none;
    font-size: larger;
    padding: 10px;
}

.FitPage {
    width: 100%;
    filter: brightness(0.75);
}

body {
    overflow-x: hidden;
}

body.login-page {
    background-image: url('assets/login-background.jpg');
    background-size: cover;
    overflow-y: hidden;
    background-repeat: no-repeat;
    min-height: 100vh;
    width: 100%;
}

body.signup-page {
    background-image: url('assets/signup-background.jpg');
    background-size: cover;
    overflow-y: hidden;
    background-repeat: no-repeat;
    min-height: 100vh;
    width: 100%;
}

body.donations-page {
    background-image: url('assets/donations-background.jpg');
    background-size: cover;
    overflow-y: hidden;
    background-repeat: no-repeat;
    min-height: 100vh;
    width: 100%;
}

body.weather-page {
    background-image: url('assets/weather-background.jpg');
    background-size: cover;
    overflow-y: hidden;
    background-repeat: no-repeat;
    min-height: 100vh;
    width: 100%;
}

body.articles-page {
    background-image: url('assets/articles-background.jpg');
    background-size: cover;
    overflow-y: hidden;
    background-repeat: no-repeat;
    min-height: 100vh;
    width: 100%;
}

body.settings-page {
    background-image: url('assets/settings-background.jpg');
    background-size: cover;
    overflow-y: hidden;
    background-repeat: no-repeat;
    min-height: 100vh;
    width: 100%;
}


.container {
    position: relative;
    top: 350px;
}

.SubmitButton {
    background-color: rgb(68, 56, 80);
    border: none;
    padding: 7px 20px;
    color: #fff;
    border-radius:10px;
    font-family: calistoga;
    font-size: 20px;
}

.SubmitButton:hover {
    background-color: rgb(68, 56, 80);
    border: none;
    padding: 7px 20px;
    color: #fff;
    border-radius:10px;
    font-family: calistoga;
    font-size: 20px;
    transform: scale(1.05);
}