body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    background-color: #1b1725; /* Dark background color */
}
.square-container {
    display: flex;
    gap: 10px; /* Space between squares */
}
.square {
    width: 50px;
    height: 50px;
    border-radius: 5px;
    background-color: #fb05f7; /* Square color */
}
.square-container:hover> :not(:hover){
    filter: blur(5px);
    opacity: 0.5;

}