:root {
    --background-color: #0F222D;
    --logo-color: #DB321A;
    --accent-color: rgb(171, 171, 186);
    --main-font: "Segoe UI", 'arial', Times, serif;
}

#portfolio_head {
    margin-top: 0px;
    margin-left: 2.5%;
    font-family: "Times";
    user-select: none;
}

.pill-nav {
    margin: 0px;
    width: fit-content;
    margin-left: 50%;
    transform: translate(-50%, 0%);
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 30px;
    background-color: lightgrey;
    user-select: none
}

.pill-nav a {
    display: inline-block;
    position: relative;
    top: 0px;
    margin-top: 0px;
    color: black;
    text-align: center;
    padding: 14px;
    text-decoration: none;
    font-size: 17px;
    border-radius: 28px;
  }
  
  /* Change the color of links on mouse-over */
  .pill-nav a:hover {
    background-color: #ddd;
    color: black;
  }
  
  /* Add a color to the active/current link */
  .pill-nav a.active {
    background-color: blue;
    color: white;
  }