html *
{
    font-family: "Noto Sans";
    color: #000 !important;
}

h1 {
    font-size: 4rem;
}

.main-page-title {
    color: #fff !important;
    font-weight: 800;
}

h2 {
    font-size: 3rem;
}

.homepage-subtitle {
    font-weight: 600;
    color: #fff !important;
    font-size: 1.5rem;
}
.main-image {
    background-image: url("/images/switcherbg.jpg");
    min-height: 90vh;
    background-size: cover;
    background-position: center center; /* Start from the center */
    background-attachment: fixed; /* This is the key to classic parallax! */
}

.largebody {
    font-size: 1.5rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.parallax-container {
    position: relative;
    z-index: 1;
}

.red-id {
    border: 5px solid red;
}

hr {
    width: 25%;
}

.gallery-item {
  width: 200px;
  padding: .5rem;
}

.img-fluid:hover {
    transform: scale(1.07);
   transition-duration: 200ms;
}

.navbar .container-fluid {
    max-width: 1440px;
}

.navbar .active {
    background-color: #141414;
}

.nav-link {
    color: #fff !important;
    font-weight: 600;
    text-transform: uppercase;
    padding: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
}

.navbar-brand {
    font-weight: 800;
    color: #fff !important;
    text-transform: uppercase;
}

.bg-secondary {
    background-color: #29292a !important;
}

.navbar {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.container-about-me {
    max-width: 1440px;
}

.content-container {
    margin-top: 2rem;
}
/*Media Queries*/

@media screen and (max-width: 575.98px) {
    h1 {
        font-size: 2rem;
    }

    h2 {
        font-size: 1rem;;
    }
}