Microsoft logo animation
Points of improvement:


The animation moves a bit faster than a traditional logo animation would.
When the window is too small, the brand and the boxes overlap.




There's an extraneous bracket at the end of your CSS file:


@keyframes scaling {
  0%, 100% {transform: scale(1)}
  50% {transform: scale(.5)}
}

}
^ &lt;- Here





If you're not against one line CSS rules, you could convert the following:


.turnOffAnimation {
  animation-name: none;
}
.intro {
  text-align: center; 
}