body {
    font-family: "raleway";
    font-size: 17px;
    font-weight: 150;
    background-color: rgb(252, 252, 247)
}

h1 {
    font-family: "urbanist";
    font-size: 30px;
    font-weight: 250; 
}

h2 {
    font-family: "urbanist";
    font-size: 20px;
    font-weight: 200; 
}

h3 {
    font-family: "urbanist";
    font-size: 25px;
    font-weight: 100; 
}

.myaccordian{
    font-family: "raleway";
    color: rgb(52, 49, 49);
}

.accordion-button{
    background-color: rgb(250, 249, 245);
} 

.navbar-brand{
    font-family: "urbanist";
    color: rgb(52, 49, 49);
    font-size: 45px;
}

.navbar-brandsub{
    font-family: "urbanist";
    color: rgb(52, 49, 49);
    font-size: 15px;
}

.navbar-brand:hover{
    color: #81196497;
}

.nav-link:hover{
    color: #81196497;
}

.navbar{
    background-color: rgb(237, 237, 237);
    margin-bottom: 0;
}

.nav-link{
    color: rgb(52, 49, 49);
}

.navbar-toggler{
    border-color: rgb(52, 49, 49)
}

.header-title {
    font-size: 48px;
}

.header-titlepurple {
    font-size: 48px;
    color: #81196497;
}

.header-titlegreen {
    font-size: 48px;
    color: #05b3aa9a;
}

.header-titleorange {
    font-size: 48px;
    color: #d82a0fab;
}

.header-titleyellow {
    font-size: 48px;
    color: #ffab2495;
}

.sub-header-titlepurple {
    color: #81196497;
}

.sub-header-titlegreen {
    color: #05b3aa9a;
}

.header-titlegreensm {
    font-size: 50px;
    color: rgb(140, 196, 184);
}

.purple {
    background-color: #81196497;
    color: black;
}

.green {
    background-color: #05b3aa9a;
    color: black;
}

.orange {
    background-color: #d82a0fab;
    color: black;
}

.yellow {
    background-color: #ffab2495;
    color: black;
}

.yellowblock{
    background-color: #f4e2c4;
}

.redblock{
    background-color: #81193553;
}

.greenblock{
    background-color: #65a7a360;
}