html {
    background:
            radial-gradient(circle farthest-corner at 0% 0%, #166e60, transparent),
            radial-gradient(circle farthest-corner at 100% 100%, #3d1586, transparent);
    height: 100%;
}
.TopBar {
    background-color: rgb(32, 32, 32, 0.5);
    border-radius: 100px;
    padding: 4px;
    width: fit-content;
    display: block;
  margin-left: auto;
  margin-right: auto;
  cursor: default;
}

.PageLink {
  display: inline;
}

.PageLink button {
    background-color: rgba(175, 175, 175, 0.5);
    border: none;
    border-radius: 1600px;
    width: 100px;
    display: inline-block;
    margin: 2px;
    color: white;
    font-size: large;
    padding: 8px;
    font-family: monospace;
    cursor: pointer;
    
}

.PageLink button:hover {
    color: white;
    background:
            radial-gradient(circle farthest-corner at 0% 0%, rgb(22, 110, 96, 0.5), transparent),
            radial-gradient(circle farthest-corner at 100% 100%, rgb(61, 21, 134, 0.5), transparent);
}