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;
}

.white {
    color: black;
}

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

a:hover {
color: #FD3656;
}

.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;   
}