@font-face {
    font-family: 'Montserrat-Bold';
    src: url(/fonts/Montserrat-Bold.ttf);
  }

  @font-face {
    font-family: 'Montserrat-Regular';
    src: url(/fonts/Montserrat-Regular.ttf);
  }
  @font-face {
    font-family: 'Montserrat-SemiBold';
    src: url(/fonts/Montserrat-SemiBold.ttf);
  }
  @font-face {
    font-family: 'Montserrat-Thin';
    src: url(/fonts/Montserrat-Thin.ttf);
  }
  @font-face {
    font-family: 'Montserrat-Light';
    src: url(/fonts/Montserrat-Light.ttf);
  }
  .scroll{
    overflow-y: auto;
    overflow-x: hidden !important;
    height: 100vh;
    /* Aplicamos estilos al scroll que se encuentra dentro del Box. */
    &::-webkit-scrollbar {
        width: 10px;
    }
    &::-webkit-scrollbar-track {
        background-color: #529784 
    }
    &::-webkit-scrollbar-thumb {
        background-color: #172749 ;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
}
}