body {
    text-align: center;
}

.palette {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 40px;
}

.color {
width: 150px;
height: 150px;
display: flex;
align-items: center;
justify-content: center;
color: white;
border-radius: 10px;
margin: 10px;
}

.light {
    color: black;
}

a {
color: #F5A9B8;
text-decoration: none;
transition: color 0.3s;
}

a:hover {
color: #5BCEFA;
}

a:visited {
    color: #5BCEFA;
}

.popup {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 20px;
background-color: #040404;
color: white;
border-radius: 10px;
border-color: #fff;
z-index: 1000;
}

.logo {
    width: 10vw;
    margin: 0 auto;
    display: block;   
}

.fa-link {
    color: #545454;
}

.jax {
    color: #a8c5db;
}

.aidan {
    color: #216240;
}