@font-face {
    font-family: Inter;
    src: url(Inter-Medium.ttf);
  }  

  .navbutton-container {
    display: flex;
    margin-right: 17px;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scroll-behavior:auto;
  }

.navbutton-container::-webkit-scrollbar {
    display: none;
}

.navbutton {
    display: block;
    color: rgb(255, 255, 255);
    background-color: #34495E;
    width: fit-content;
    padding: 13px;  
    text-align: center;
    border: none;
    border-radius: 20px;
    transition: background-color 0.3s ease;
    margin-left: 20px;
    cursor: pointer;
    font-family: Inter, Verdana, Geneva, Tahoma, sans-serif;

}

.navbutton:hover {
    background-color: #ffcb30;
    color: black;
}

.navbutton.active {
    background-color: #ffcb30;
    color: black;
}

.PSText {
    font-family: Inter, Verdana, Geneva, Tahoma, sans-serif;
    color: rgb(255, 255, 255);
    background-color: #34495E;
    width: fit-content;
    padding: 13px;  
    text-align: center;
    border: none;
    border-radius: 20px;
    display: none;
    margin: 20px auto 0px;
}

@media only screen and (min-width:800px) {
    .navbutton-container {
        justify-content: center;
    }
}

a {
    text-decoration: none;
}