Envio o código do bio.css , pois o meu programa nunca fica de acordo com o exemplo do porfessor. Desculpem o transtorno.
html{padding: 60px;}
- main h1{font-size: 50px; background- color:red;color:#F2FFFC; text-align: center;
- font-family: "Open sans Condensed", sans-serif; padding: 20px; margin:0;
- text-transform: uppercase;}
-
-
-
-blockquote{background-color: #D3DDDA; padding: 16px; border: 10px solid #C2CCCA; width: 250px;
- margin: 0; float: right;}
-
-
-
-body{background-color: #F2FFFC; font-family: "Crimson Text", serif;}
-
-p{text-align:justify; margin:20px 0;}
-aside h1{font-size: 30px; margin bottom: 25px;text-transform: uppercase;}
-main div{ padding: 30px 0; }
-strong{font-weight: bold;}
-em{font-weight: italic;}
-h2{font-size: 40px; font-family: "Open Sans Condensed", sans-serif; clear: both;}
-footer{background-color:#000; color:#F2FFFC; padding: 150px;}
-.icones-sociais li {display:block;}
-.icones-sociais2 li {display:inline;}
-.social-rodape{margin: 60px; display: block;}
-aside{background-color: #3C1D3D; color: #F2FFFC; text-align: center; padding: 20px;
- font-family: "Open Sans Condensed", sans-serif;}
-
-.leia-mais{padding: 8px; margin: 16px; display: block; font-size: 24px; text-align: center;
- background-color: #E6E7E8; }
-
-.icones-sociais2 a {width: 40px; height: 40px; display: inline-block;
- text-indent: -9999px;}
-
-.github{background-image:url(github.png);}
-.twitter{background-image: url(twitter.png);}
-.linkedIn{background-image: url(linkedIn.png);}
- nav a{text-transform: lowercase;}
-
-.fiat{float: right;}
-.petrobrás{float: left;}
-aside,img{float: right; width: 15%}
-aside{clear: right; box-sizing: border-box;}
- main{float: left; width: 85%}
- footer{clear: both;}
-
-
-