:root {
    --light-gray: #ccdbdc;
    --light-blue: #80ced7;
    --light-green: #63c7b2;
    --purple: #8e6c88;
    --dark-green: #263d42;
}

body {
    background-color: #fff;
    font-family: 'Poppins', sans-serif;
}

nav {
    background-color: var(--light-green);
}

.navbar-brand {
    font-family: 'Poppins', sans-serif;
    font-size: 32px;
    color: var(--light-green);
    background-color: #fff;
    padding: 15px;
    border-radius: 10px;
    margin: 5px;
}

.navbar-nav {
    align-items: center;
}

.navbar-brand a,
.navbar-brand a:hover,
.navbar-brand a:visited,
.navbar-brand a:active {
    text-decoration: none;
}

.nav-item button {
    font-size: 24px;
}

.nav-item a {
    color: #fff;
    font-size: 24px;
    margin: 5px;
}

.nav-item a:active {
    color: var(--dark-green);
}

.card {
    margin: 20px;
}

#sign-in-form,
#sign-up-form {
    margin-top: 5vh;
}

#sign-up-here {
    margin: 10px;
}

#blog-button-box a {
    margin: 2px;
}

#edit-blog-modal-content,
#create-blog-modal-content,
#edit-comment-modal-content,
#delete-comment-modal-content {
    padding: 10px;
}

h1 {
    margin: 10px;
}

#dashboard-blog-entries {
    margin: 10px;
}

.btn {
    color: white;
    background-color: var(--purple);
    border: 1px solid var(--purple);
}