.topo{margin:2rem auto;display:flex;flex-direction:column;align-items:center}.topo img{width:5rem;height:5rem;border-radius:9999px;background:#363547;padding:.25rem}.topo svg{height:1.2rem;width:1.2rem;border-radius:9999px;color:#3897f0}.topo h1{font-size:1.5rem;color:var(--white-100)}.topo span{color:var(--white-200);font-size:1rem;display:flex;align-items:center;gap:.5rem;font-weight:600}.topo p{margin:1.5rem;font-size:1rem;color:var(--white-200);font-weight:400}.separator{width:100%;background:var(--black-500);border-top:1px solid #29292E;border-bottom:1px solid #29292E;height:.75rem}.meuslinks{padding:.125rem 1.5rem;display:flex;justify-content:flex-start;flex-direction:column;gap:1rem}.meuslinks .item{background-color:#35353b;padding:1rem;border-radius:8px}.meuslinks a{color:var(--verde-500);text-decoration:none;font-size:1rem;display:flex;align-items:center;gap:1rem;transition:.6 ease-in-out}.meuslinks a:hover{background-color:var(--verde-500);color:#1a1a1a;transition:.6 ease-in-out;box-shadow:0 3px 28px -10px #1ef7d0}.meuslinks a svg{width:2rem;height:2rem}.meuslinks span{display:flex;justify-content:center;padding:1.5rem;color:#363547}*{margin:0;padding:0;box-sizing:border-box}:root{--verde-900: #1F373F;--verde-500: #1EF7D0;--black-900: #292738;--black-500: #363547 --white-100: #E1E1E6;--white-200: #BFBFC8}body,input,textarea,button{font:400 1rem Heebo,sans-serif}body{background:#262626;color:#e1e1e6;-webkit-font-smoothing:antialiased}button{cursor:pointer}a{color:inherit;font-weight:700}.layout{margin:0 auto;max-width:700px;display:flex;flex-direction:column}.content{padding:1.5rem}