*{
    --BackgroundColor: #181855;
    --TextColor: #CFB1FF;
    --aColor: orange;
    --aVisitedColor: rgb(179, 0, 179);
}

.logo {
    position: fixed;
    top: 10px;
    left: 10px;
}

.logo img {
    height: 100px;
    aspect-ratio: 1 / 1;
    object-fit: contain;
}

body {
    background-color: var(--BackgroundColor);
    font-family: Arial, Helvetica, sans-serif;
    color: var(--TextColor);
}

h1 {
    text-align: center;
}

a{
    color: var(--aColor);
}

nav a:hover{
    color: white;
}

a:visited{
    color: var(--aVisitedColor);
}

main{
    display: flex;
    justify-content: center;
}

table {
    width: 40vw;
    border: solid #CFB1FF;
    border-collapse: collapse;
    color: #CFB1FF ;
}

th {
    text-align: center;
}

td {
    border: solid #CFB1FF;
}

td:hover {
    background-color: #CFB1FF;
    border: solid #CFB1FF;
    color: black
}

nav{
    display: flex;
    justify-content: center;
}