body{background-color: #FFF;/*rgba(50,141,149, 0.3);*/ font-family:  "Roboto", sans-serif; color:#000; font-size:16px; }
.header{background-color: rgba(50,141,149, 0.3); padding-top:50px; padding-bottom:75px; }
.content{background-color: rgba(230,229,185, 0.3); padding-top: 50px; padding-bottom:50px;  }
.content h1{font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal; color:#C96201; font-size:40px;}
.content h2,
.content h3{font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal; color:#328D95; font-size:32px;}
.content a{color:#000;}
.content a:hover{color:#000;}
.socials a{color:#C96201;font-size:28px; margin-right:10px;}
.footer{padding-top:15px;  background-color: rgba(201,98,1, 0.3); }
.footer p{color:#fff; font-size:12px;}
/*
.roboto-<uniquifier> {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
    font-variation-settings:
            "wdth" 100;
}*/