*{margin:0;padding:0}body{background-color:#1d2128}hr{background-color:#e5e5e533;border:1 px solid rgba(229,229,229,.2)}header{height:52px;width:100%;background-color:2d3333b;display:flex;align-items:center;justify-content:center}header h1{font-family:"Roboto, Arial, sans-serif";color:#fff;font-size:24px}.item-list{margin:24px 0}.item-list strong{color:#539bf5;font-size:24px;margin:24px 0}.item-list p{color:#999;font-size:12px;margin:24px 0}.conteudo{position:relative;display:flex;align-items:flex-start;justify-content:flex-end}.background{height:100vh;position:absolute;z-index:-1;left:0}.info{width:60%;margin-right:90px;margin-top:40px;color:#fff}input{border:1px solid #999999;border-radius:22px;color:#fff;min-width:250px;width:85%;background:transparent;font-size:18px;padding:10px;z-index:1}button{border:1px solid #999999;border-radius:22px;background:#20333b;color:#fff;font-size:18px;padding:10px;margin-top:20px;z-index:1}.perfil{display:flex;margin:40px 0}.profile{width:120px;height:120px;border-radius:60px;border:2px solid #e5e5e5;margin-right:32px}.perfil h3{color:#999;font-size:24px;margin:0}.perfil span{display:block;color:#999;font-size:12px;margin:0}.perfil p{color:#999;font-size:12px;margin:20px 0 0}.repositorio{font-size:32px;color:#fff;margin:12px 0;text-align:center}@media screen and (max-width: 768px){.conteudo{flex-direction:column;align-items:center;justify-content:center}.info{width:100%;margin:0;text-align:center}.perfil{margin:20px 0}.profile{width:80px;height:80px;border-radius:40px;border:1px solid #e5e5e5;margin-right:16px}.perfil h3{font-size:18px}.perfil span,.perfil p{font-size:10px}}