*{
    --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:#181855;
    font-family: Arial, Helvetica, sans-serif;
    color: var(--TextColor);
}

h1 {
    text-align: center;
}

nav a:visited{
    color: rgb(179, 0, 179);
}

nav a:hover{
    color:white
}

li a {
    color: var(--TextColor);
}

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

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

ul {
    padding: 0;
    width: fit-content;
}