index.css

body {    
    background: #9FC088;
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
    letter-spacing: 0.1em;
    font-weight: normal;
    font-style: normal;
    color: #1F1D36;
}
.content {
    margin-top: 100px;
    letter-spacing: 0.1em;

}

.logo-image{
    width: 46px;
    height: 46px;
    overflow: hidden;
    margin: 7px 5px;
}
#mainNavbar {
    background:#D7385E;
    font-size: 1.2rem;
    font-weight: 600;   
    letter-spacing: 0.1em;
 
}

#mainNavbar .nav-link {
    color: white;
}

#mainNavbar .nav-link:hover {
    color: #1F1D36;
}

#mainNavbar .navbar-brand {
    color: #1F1D36;
    font-size: 1.5rem;
}

#headingGroup h3 {
    font-weight: 600;
    font-size: 3rem;
    margin-top: 20px;
}

.navbar.scrolled {
    background: rgb(222,192,222);
    transition: background 500ms;
}

#textbox{
    background: #DFD3C3;
    letter-spacing: 0.1em;

}