Não consegui fazer o exercício seguinincio-post{background-color:#FFF;position:absolute; top:3em; right:3em;height:6em;padding:.5em;} .titulo-principal{text-align:center;background-color:#851944;color:#851944;color:#FFF;padding:2rem; border-bottom:.5rem solid #000} .foto-home { height: 200px;text center:align;border-radius:100px; }
.saudacao p { font-size: 1.5em; color: #99A; line-height: 1; padding: 2em; }
.saudacao-inicio { font-size: 3em; color: #889; }
.saudacao-ultima-linha { text-align: right; display: block; }
.saudacao strong { font-size: 2em; color: #000; }
.saudacao em { color: #851944; font-size: 4em; transform: rotate(-5deg) skew(-10deg);display:inline-block; }
.botao-index { font-size: 1.25em; background-color: #851944; color: #FFF; padding: .5em; border: .2em solid black; width: 40ch; margin: 2em auto; display: block; text-align: center; }
.secao-inicio { padding: 2em; } .secao-inicio h2 { font-size: 3em; text-transform: uppercase; margin-bottom: .5em; }
.trabalhos { background-color: #3C1D3D; border-top: .5em solid #000; border-bottom: .5em solid #000; }
.trabalhos h2 { color: #FFF; }
.trabalhos ul { overflow: hidden; border: .5em solid black; }
.trabalhos li { float: left; width: 33.333%; }
.trabalhos img { width: 100%; display: block; }
.blog { background-color: #999; color: #FFF; border-bottom: .5em solid #851944;position:relative; }
.blog small { position: relative; top: -2em; }
.blog li a { color: #FCF; padding: .5em; display: block; widht:30%; }
footer { background-color: #000; color: #FFF; padding: 2em; }
footer h2 { font-size: 3em; }
footer a { color: #F99; }
main { width: 100%; padding-bottom: 0; float: none; }
h2,h1{ text-transform:uppercase; font-size:3em; font-family:"Open Sans Condensed","Arial","sans-serif";} p{text-align:center; font:family:"Open Sans Condensed","Arial","Sans-serif";} .palavra-home{position:absolute; font-family:"Shadows Into Light", cursive; font-weight:bold;color: #D5447E;perspective:6px;top:0;left:0;bottom:0;right:0; width:100%; height: 100%;} .palavra-home li{font-size:100%} .eficiencia{top:20%;left:75%;-webkit-transform:transform:transate(-50%,-50%) rotate(-5deg);translateZ(4px);} .boas-praticas{top:10%;left:20%;-webkit-transform:transform:translate(-50%,-50%);rotate(10deg);translateZ(1px) } .codigo-limpo{top:25%;left:30%;transform:translate(-50%,50%);transform:rotate(-10deg) translateZ(1px);} .css3{bottom:65%;left:10%;transform: translate(-50%,-50%)transform:rotate(-5deg) translateZ(2px);} .html5{top:45%;left:60%;transform:translate(-50%,-50%)transform:rotate(-5deg) translateZ(2px); } .acessibilidade{top:20%;left:25%;transform:translate(-50%,-50%)transform:rotate(-5deg)translateZ(1px);} .responsivo{top:15%;left:15%;transform:translate(-50%,-50%)transform:rotate(10deg)translateZ(3px);} .otimizacoes{top:30%;left:90%;transform:translate(-50%,-50%)transform:rotate(-5deg)translateZ(2px);} .design{top:20%; left:90% transform:translate(-50%,-50%)transform:rotate(5deg)translateZ(2px);} .agibilidade{top:10%; left:60%;transform:translate(-50%,-50%)transform:rotate(-5deg)translateZ(1px);} .javascript{top:35%; right:40%; transform:translate(-50%,-50%)transfom:rotate(10deg)translateZ(2px);} .banner-twitter{width:14em;line-height:1;padding:1em 0; box-sizing:border-box; text-align:center;text-decoration:none;background-color:#3c1D3D;color:white; border: .25em solid black;font-size:1.2em; font-family:"Open Sans Condesed",sans-serif;position:absolute; top:0;right:0;transform-origin: 0 0; transform-origin:0 0;transform:translate(6.5754em,-2.4749em) rotate(45deg);} do as indicações do professor
