.main {
        height: 100vh;
      }

      .main > div {
        height: 100%;
      }

      @font-face {
        font-family: 'Open Sans';
        font-weight: 400;
        src: url('/OpenSans-Regular.ttf') format('truetype');
      }

      @font-face {
        font-family: 'Open Sans';
        font-weight: 700;
        src: url('/OpenSans-Bold.ttf') format('truetype');
      }

      @font-face {
        font-family: 'Nunito';
        src: url('/Nunito-Regular.ttf') format('truetype');
      }

      @font-face {
        font-family: 'Nunito';
        src: url('/Nunito-Bold.ttf') format('truetype');
      }

      @font-face {
        font-family: 'primeicons';
        font-display: block;
        src: url('/assets/proyectos/primeicons.woff2') format('woff2'),
          url('/assets/proyectos/primeicons.woff') format('woff'),
          url('/assets/proyectos/primeicons.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
      }

      .pi {
        font-family: 'primeicons';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }