Coloque suas
ideas em movimento

Olá, meu nome é Vinicius Rodrigues, atualmente sou front-end developer, crio alguns sites incriveis para resolver problemas, ajudar pessoas e seus negócios.

GitHub Logo

Todos os direitos reservados © 2021 Vinicius Rodrigues

GitHub Logo Facebook Logo LinkedIn Logo
// css /* reset css --------- */ body, p, h1, ul, li, a { padding: 0px; margin: 0px; list-style: none; text-decoration: none; font-family: "PT Sans", sans-serif; color: #000000; } body { width: 100%; min-height: 100vh; } img { display: block; max-width: 100%; } * { box-sizing: border-box; } /* Header --------- */ .header { padding: 60px 0; display: flex; justify-content: space-around; text-transform: uppercase; } .logo { background-color: red; } .menu-nav ul { display: flex; flex-wrap: wrap; } .menu-nav ul li { display: block; padding: 0 10px; font-size: 1rem; font-weight: 700; transition: color 200ms linear; transition: transform 200ms linear; } .menu-nav ul li:hover { color: #000000; transform: scale(1.10) } .menu-nav a { display: block; padding: 10px; font-size: 1.25em; } /* main */ .conteudo { display: flex; justify-content: space-evenly; padding: 40px; } .readme h1 { font-size: 3em; font-weight: bold; line-height: 1.0em } .readme { width: 480px; } .readme span { color: #6C63FF; } .readme img { width: 200px; margin-top: 3rem; margin-bottom: 5rem; } .flat-img img { width: 330px; } /* footer */ .footer { display: flex; justify-content: space-evenly; margin-top: 2rem; margin-bottom: 2rem; } .footer p { font-size: 1.25rem; line-height: 3rem; } .social-icons { display: flex; justify-content: space-between; width: 9rem; } .social-icons img { width: 40px; height: 40px; }