leaderboard.css

body {
    background-color: #8D62E9;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    overflow: hidden;
  }
  /* create and position navbar */
  /* style main content */
main {
    background-color: #fff;
    color: #8D62E9;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2vw;
    height: 95vh;
    width: 95vw;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    border-radius: 1vw;
    }
    
    /* style heading */
    h1 {
    font-size: 5vh;
    margin-bottom: 2vh;
    }
    
    /* style table */
    table {
    width: 100%;
    border-collapse: collapse;
    font-size: 3vh;
    }
    
    th, td {
    border: 1px solid #8D62E9;
    padding: 1vh 2vw;
    text-align: center;
    }
    
    th {
    background-color: #8D62E9;
    color: #fff;
    }
    
    td {
    background-color: #fff;
    color: #8D62E9;
    }
    
    /* highlight the first row */
    tr:first-child {
    background-color: #E2E2E2;
    }
  nav {
    position: absolute;
    top: 1px;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.8);
    height: 5vh;
    width: 100vw;
  }
  
  /* style navbar links */
  nav a {
    color: #000;
    text-decoration: none;
    font-size: 3vh;
    margin-right: 1vw;
  }
  
  nav a:hover {
    background-color: rgba(148, 229, 243, 0.952);
    color: #8D62E9;
    border-radius: 1vw;
    border-color: black;
    border: 1px solid black;
  }