:root{
    --primary-color: #ff3333;
    --secondary-color: #404040;
    --bg : #F6F6F6;
    --primary-font: "Oswald", sans-serif;
    --secondary-font: "Barlow Semi Condensed", sans-serif;

}

.hero{
    background-image: url("/assets/hero4.jpeg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
h2{
    color: var(--primary-color);
    font-family: var(--secondary-font);
}
h1{
    color: var(--secondary-color);
    font-family: var(--primary-font);
}
h3{
    font-family: var(--primary-font);
}
p{
    font-family: var(--secondary-font);
}

/* about */
#about{
    background-image: url("/assets/F-&-C.png");
    background-repeat: no-repeat;
    background-position: center right ;
    background-size: contain;
}