body {
background-color: black;
color: white;
display: flex;
justify-content: center;
align-items: center;
}

img {
display: flex;
width: 666px;
height: 666px;
}

.Logo {
display: flex;
margin: 166px auto 0;
width: 666px;
height: 666px;
opacity: 0;
}

.Logo:hover {
animation: fadeIn 0.6s ease-in-out forwards, fadeOut 0.6s 6s ease-in-out forwards;
}

@keyframes fadeIn {
to {
opacity: 1;
}
}

@keyframes fadeOut {
to {
opacity: 0;
}
}

.button {
background-color: rgb(99, 7, 240);
color: rgb(0, 0, 0);
font-size: 6px;
text-align: center;
border: none;
border-radius: 6px;
padding: 2px 5px;
height: 12px;
width: 33px;
cursor: pointer;
}

.button2 {
background-color: rgb(0, 0, 0);
color: rgb(99, 7, 240);
font-size: 6px;
text-align: center;
border: none;
border-radius: 6px;
padding: 2px 5px;
height: 12px;
width:33px;
cursor:pointer;
}

.Buttons {
margin-top: 66px;
margin-bottom: 66px;
display: flex;
flex-direction: column;
align-items: center;
opacity: 0;
width: 66px;
height: 25px;
}

.Buttons:hover {
animation: fadeIn 0.6s ease-in-out forwards, fadeOut 0.6s 6s ease-in-out forwards;
}

@keyframes fadeIn {
to {
opacity: 1;
}
}

@keyframes fadeOut {
to {
opacity: 0;
}
}