body, html {
    height: 100%;
    margin: 0;
    overflow: hidden; /* Prevents scrollbar from appearing */
  }
  
body {
display: flex;
justify-content: center;
align-items: center;
}

.logo {
max-width: 100%;
height: auto;
transition: transform 0.3s, scale 0.3s;
}

.logo:hover {
transform: scale(1.5) rotate(360deg); /* Rotates the logo 360 degrees */
}