.home h2 {
    margin: 1rem auto;
    color: #333;
}

.register-form {
    margin: 1rem auto;
    padding: 1rem;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 50%;
}

.nav-logo {
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: 2px;
}

.hero-body {
    background-color: #07393c;
    color: #f0edeeff;
}

.night-color {
    color: #0a090cff !important;
}

.night-color-bg {
    background-color: #0a090cff !important;
}

.day-color {
    color: #f0edeeff !important;
}

.day-color-bg {
    background-color: #f0edeeff !important;
}

.midnight-green {
    color: #07393c !important;
}

.midnight-green-bg {
    background-color: #07393c !important;
}

.caribbean-current {
    color: #2c666e !important;
}

.caribbean-current-bg {
    background-color: #2c666e !important;
}

.non-photo-blue {
    color: #90ddf0 !important;
}

.non-photo-blue-bg {
    background-color: #90ddf0 !important;
}

.navbar-start .navbar-item:hover {
    background-color: #07393c;
    color: #f0edeeff;
    transition: 0.5s;
}

/* Global styles */

p {
    font-family: 'Raleway', sans-serif;
}

.heading {
    color: #0a090cff;
    font-size: 2.5rem;
    font-family: 'Raleway', sans-serif;
    text-align: center;
    margin: 1rem auto;
}

/* About styles */

.about-container {
    padding: 1rem;
    width: 90%;
    margin: 1rem auto;
}

.about-container .about-image {
    width: 100%;
    height: 100%;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 20px;
}

.about-container h1 {
    margin: 1rem auto;
    font-size: 2rem;
    color: #07393c;
}

.about-container h3 {
    margin: 1rem auto;
    font-size: 1.2rem;
    color: #07393c;
}

.about-container p {
    margin: 1rem auto;
    font-size: 1rem;
    color: #07393c;
}

/* Project styles */

.project-container {
    background-color: #f0edeeff;
}

.project-container .container {
    padding: 1rem;
}