*{
      font-size: 20px;
    }
    body {
      padding: 20px;
      text-align: left;
      font-family: "exo 2";
      background-color: white;
      color: #333;
    }
    .topbar {
      padding-left:15px;
      padding-right:15px;
      padding-top: 5px;
      padding-bottom: 5px;
      margin:0;
    }
    .fill{
      position:absolute;
      width:100%;
      left:0
    }
    .app {
        width:100%;
        height: 100%;
        top:0;
        left:0;
        padding:0;
        margin:0;
        display: flex;
        flex-direction: column;
    }
    .listItem {
      background: white;
      border: 1px solid;
      outline: none;
      cursor: pointer;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      
    }
    .listItem:hover {
      background: #b4b4b4;
    }
    .horizontalList{
      flex-shrink: 0;
      flex-shrink: 0; 
      display: flex;
      gap:10px;
      align-items: center;
      justify-content: flex-start;
      flex-wrap: nowrap;
      flex-direction: row;
      overflow-x: auto;
      overflow-y: hidden;
      min-width: 0;
      margin:0;
    }
    .stylise{
      width: 250px;
      flex-shrink: 0;
      font-family: "exo 2";
      border-radius: 9999px;
      text-align: right;
      padding: 5px 5px;
      border-radius: 9999px;
      border: 5px solid transparent;
      cursor: pointer;
      color: black;
      align-items: center;
      font-weight: bold;
      background:
        linear-gradient(#f3b7ef, #f3b7ef) padding-box,
        linear-gradient(22deg, #5865F2, #FF00FF) border-box;
      display:flex;
      align-items:center;
      justify-content:center;
    }
    .stylise:hover{
      box-shadow: 0 0 8px rgba(255, 0, 255, 0.5); 
    }
    #project_list button{
      background: #ffffff;
      border-color: #a1a1a1;
      border-radius: 10px;
      padding: 12px 16px;
      margin-bottom: 10px;
      box-shadow: 1px 1px 4px rgba(0,0,0,0.05);
      width: 100%;
      height: 75px;
      justify-content: flex-start;
      align-items: flex-start;
    }
    button:focus {
      outline: none;            /* no outline on focus */
    }
    h1 {
      font-size: 2em;
      color: #2c3e50;
    }
    #links_container{
      margin: 0px 0px;
    }