Dúvida no Ex. 4 da Aula 4 - Transformações

``` html, body{ overflow-x: hidden; height: 100%; } .titulo-principal { position: relative; } .banner-twitter{ background-color: #3C1D3D; font-size: 20px; color: #fff; font-family: "Open Sans Condensed", "Arial", sans-serif; width: 20%; padding: 10px; position: absolute; top: 0; right: 0; border: solid #000 5px; transform-origin: 0 0; transform: translate(6.5765em, -2.4745em) rotate(45deg); } .banner-twitter a{ color: #fff; text-align: center; } .palavra-home { font-family: "Shadows Into Light", cursive; font-weight: bold; color: #D5447E; position: absolute; font-size: 30px;

} .palavras{ perspective: 6px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.eficiencia { font-size: 400%; top: 40%; left: 64%; transform: translate(-50%, -50%) rotate(-5deg) translateZ(3px) scale(0.15);

} .boas-praticas { top: 70%; left: 20%; transform: rotate(-18deg); -webkit-transform: rotate(-18deg); } .codigo-limpo { font-size: 400%; top: 51%; left: 31%; transform: translate(-50%, -50%) rotate(-5deg) translateZ(3px) scale(0.15); } .css3 { top: 50%; left: 30%; transform: rotate(18deg); -webkit-transform: rotate(18deg); } .html5 { top: 40%; left: 80%; transform: rotate(-28deg); -webkit-transform: rotate(-28deg); } .javascript { top: 10%; left: 60%; transform: rotate(20deg); -webkit-transform: rotate(20deg); } .acessibilidade { top: 30%; left: 25%; } .responsivo { top: 15%; left: 15%; transform: rotate(15deg); -webkit-transform: rotate(15deg); } .otimizacoes { top: 60%; left: 70%;

} .agilidade { top: 10%; left: 30%; -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } .design { top: 35%; left: 65%; -webkit-transform: rotate(25deg); transform: rotate(25deg); } .inicio-post{ background-color: #fff; position: absolute; color: #000; top: 3em; right: 3em; height: 6em; padding: 1em; } ```