*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Source Sans Pro', sans-serif;background:#efefef;position:relative}article,section{color:#2C3137}article,section,header,body{height:100vh}footer i,footer .dots div,header button{transition:0.3s}header{color:#fff;text-transform:uppercase;background:url(../imagens/digital%20nomad.jpg);background-size:cover;background-repeat:no-repeat;background-position:top;padding:1rem;padding-top:10rem;padding-right:101.2px}header h2{font-size:0.9rem}header h1{font-weight:bolder;margin:1rem 0}header h1,header h2{text-shadow:2px 1px 1px #2C3137}header button{margin:1rem 0;background:#fff;border:none;padding:0.5rem 1rem;color:#2C3137;cursor:pointer}header button:hover{background:#2C3137;color:white}article{padding:1rem}article p{font-weight:lighter;margin:1rem 0}article span{font-size:5rem;float:left;padding:1rem}section{padding-top:1rem}section .tab-bar{display:flex;justify-content:center}section img{width:80%;border-radius:50%}section .comentario{display:flex;padding:1rem;text-transform:lowercase}section .comentario div:nth-child(1){flex:1}section .comentario div:nth-child(2){flex:3}section .name-user{display:flex;align-items:center}section .name-user h2{font-size:1rem}section .name-user span{margin:0 1rem}section .tab-bar{padding-bottom:2rem}footer{background:white;padding:1rem;position:fixed;width:100%;bottom:0}footer .container{display:flex;justify-content:space-between}footer .dots{display:flex;align-items:center}footer .dots div{background:grey;height:15px;width:15px;border-radius:50%;margin:0 1rem;cursor:pointer;transition:0.3s}footer .dots div:hover{background:#2C3137}footer i{cursor:pointer;color:#2C3137;font-size:1.5rem}footer i:hover{color:black}