button[data-md-color-primary="teal"] {
   background: linear-gradient(90deg, rgba(44, 168, 149, 0.94) 0%, #3c73b8 100%);
 }
 
 [data-md-color-primary="teal"] .md-typeset a {
   color: linear-gradient(90deg, rgba(44, 168, 149, 0.94) 0%, #3c73b8 100%);
 }
 
 [data-md-color-primary="teal"] .md-header,
 [data-md-color-primary="teal"] .md-hero {
   background: linear-gradient(90deg, rgba(44, 168, 149, 0.94) 0%, #3c73b8 100%);
 }
 
 [data-md-color-primary="teal"] .md-nav__link--active,
 [data-md-color-primary="teal"] .md-nav__link:active {
   color: rgba(44, 168, 149, 0.94);
 }
 
 @media only screen and (max-width: 76.1875em) {
   html [data-md-color-primary="teal"] .md-nav--primary .md-nav__title--site {
     color: rgba(44, 168, 149, 0.94);
   }
 }
 
 @media only screen and (min-width: 76.25em) {
   [data-md-color-primary="teal"] .md-tabs {
     background: linear-gradient(
       90deg,
       rgba(44, 168, 149, 0.94) 0%,
       #3c73b8 100%
     );
   }
 }
 
 .md-header-nav__button {
   background-image: url(logo_small.png);
   background-repeat: no-repeat;
   background-size: 40px;
   padding: 20px 20px;
   margin-top: 6px;
 }
 
 [data-md-state="shadow"] .md-header-nav__button {
   background-image: none;
   background-size: 40px;
   padding: 0.4rem;
   margin: 0.2rem;
 }

 body{
  font-family: 'Roboto', sans-serif;
}

h1, h2, h3, h4, h5{
  font-family:"Roboto";
}

.wy-side-nav-search, .wy-nav-top {
  background: #00758c;
}