/* Variables */
      :root {
        --font-family: "Roboto", sans-serf;
        --normal-font: 400;
        --bold-font: 700;
        --bolder-font: 900;
        --bg-color: #1a1a2e;
        --primary-color: #f9f9f9;
        --secondary-color: #e94560;
        --primary-shadow: #0f3460;
        --secondary-shadow: #16213e;
      }
      html {
        scroll-behavior: smooth;
        background-color: var(--bg-color)!important;
        color: var(--primary-color);
        font-family: var(--font-family);
      }
      h6 {
        color: var(--secondary-color)!important;
      }
      .nav {
        background-color: var(--bg-color)!important;
        color: var(--primary-color);
      }
      .nav a {
        color: var(--primary-color);
      }
      .nav a:hover {
        color: var(--secondary-color);
        border-bottom: 2px solid var(--secondary-color);
      }

      .navbar-menu.is-centered .navbar-end {
        display: flex;
        justify-content: center;
      }
      .contact-button {
        background-color: var(--secondary-color)!important;
        color: #ffffff!important;
      }
      .contact-button:hover {
        background-color: #ffffff!important;
        color: var(--secondary-color)!important;
      }
      .nav-link {
        color: var(--primary-color);
        transition: var(--transition);
      }
      .nav-link:hover {
        color: var(--secondary-color);
        border-bottom: 2px solid var(--secondary-color);
      }
      footer {
        background-color: var(--bg-color)!important;
      }