body{
    background-color: #b9f0e3;
}

.logo-grid{
    display: flex;
  justify-content: center; /* Centers horizontally */
  align-items: center;     /* Centers vertically */
  height: 200px; 
}

#logo-svg{
    display: grid;
    grid-template-areas: "stack";
    width: 200px;
    height: 200px;
    justify-content: center;
    align-items: center; 
    align-self: center;
}


#logo-cup{
    z-index: 2;
    height: 100px;
    grid-area: stack;
    padding: 50px;
}
#boost{
    height: 180px;
    z-index: 1;
    grid-area: stack;
    animation: rotate 50s linear 0s infinite;
}

@keyframes rotate{
    0%{transform: rotate(0deg);}
    25%{transform: rotate(90deg);}
    50%{transform: rotate(180deg);}
    75%{transform: rotate(270deg);}
    100%{transform: rotate(360deg);}
}

@media screen and (max-width: 1080px) {
   .logo-grid{
  height: 600px; 
}
    #logo-svg{
    height: 500px;
    width: 500px;
   }
    #logo-cup{
    height: 300px;
    padding: 30%;
}
#boost{
    height: 500px;
}
}