body {
    text-align: center;
    height:100vh;
    background-image: url(Background2.jpg);
    background-repeat: repeat;
}

header {
    background-color: red;
}

.container {
    height:100vh;
    display:grid;
    grid-template-columns: 300px 300px;
    grid-template-rows: fit-content fit-content;
    grid-template-areas: 
    "presentation diary"
    "nav diary";
    justify-content: center;
    align-content: center;
    gap:1em;
}

.pixel-pet {
    transition: transform 0.8s ease-in-out;
}

.pixel-pet:hover {
    transform: scale(1.15) rotate(10deg);
    cursor: pointer;
}

.rotating-cd {
    transition: transform 0.8s ease-in-out;
}
.rotating-cd:hover {
    transform: scale(1.15) rotate(10deg);
    cursor: pointer; 
}

#presentation {
    align-self: start;
    margin-top:100px;
}