/* Largura da barra de rolagem */
::-webkit-scrollbar {
    width: 10px;
}

/* Fundo da barra de rolagem */
::-webkit-scrollbar-track-piece {
    background-color: #fff;
    border-left: 0px solid #CCC
}

/* Cor do indicador de rolagem */
::-webkit-scrollbar-thumb:vertical,
::-webkit-scrollbar-thumb:horizontal {
    background-color: #00c2e5;
}

/* Cor do indicador de rolagem - ao passar o mouse */
::-webkit-scrollbar-thumb:vertical:hover,
::-webkit-scrollbar-thumb:horizontal:hover {
    background-color: #0098b3;
}

@font-face { 
   font-family: 'Merriweather';
   src: url('/fonts/Merriweather.eot');
   src: local(Merriweather), local('Merriweather'), url('/fonts/Merriweather.ttf') format('truetype');
}

.fonte {
    font-family: 'Merriweather';
    color: purple;
}