:root { --background-color: #00090e; --text-color: #E1E1E1; --primary-color: #81FE88; --secundary-color: #888888; --tag-color: #171D1F; --font-family: "Prompt", sans-serif; --itens-background: #171D1F; }

*{ box-sizing: border-box; margin: 0; padding: 0; }

body { background-color: var(--background-color); color: var(--text-color); font-family: var(--font-family);

display: flex;
justify-content: center;
align-items: start;

height: 100vh;
gap: 27px;
padding: 56px 0;

}

aside { background-color: var(--itens-background); border-radius: 10px; height: 100%; padding: 40px 16px; text-align: center; }

.lista-links { display: flex; flex-direction: column; gap: 40px; margin-top: 80px; align-items: center; list-style-type: none; }

.lista-links li a { display: flex; flex-direction: column; gap: 10px; align-items: center; text-decoration: none; color: var(--secundary-color); font-size: 22px; }

.lista-links li:first-of-type a { color: var(--primary-color); }

.link-destaque { border: 1px solid var(--primary-color); padding: 12px 30px; border-radius: 8px; }

main { background-color: var(--itens-background); border-radius: 10px; padding: 32px; display: flex; gap: 24px; }

h2 { font-size: 26px; margin-bottom: 40px; font-weight: 600; }

form { display: flex; flex-direction: column; gap: 24px; }

form div label { font-size: 18px; font-weight: 400; display: block; margin-bottom: 8px; }

form div input, textarea { width: 100%; padding: 8px 16px; background-color: var(--secundary-color); border: none; border-radius: 4px; font-family: var(--font-family); line-height: 22.5px;

}