@font-face {
            font-family: 'barabara';
            src: url('/static/fonts/barabara.ttf')
          }
          .barabara {
            font-family: barabara;
            text-transform: uppercase;
          }
          .navbar-nav .nav-link {
              padding: 0 5px;
          }
          .pattern-bg {
            background-image: url("/static/imgs/pattern_v2.webp");
            background-size: cover;
            background-position: center;
            background-color: #2d3381;
          }
          .btn-bg {
            background-image: url("/static/imgs/pattern_v2.webp");
            background-size: cover;
            background-position: center;
            background-color: #2d3381;
            color: white;
          }
          .btn-bg:hover {
            color: white;
            font-size: 0.85rem;
            box-shadow: 0 12px 18.8px 1.2px rgba(240, 137, 2,0.24);
          }