Página principal
De Sweet
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> .nostalgic-menu-container {
width: 100%; max-width: 1600px; margin: 20px auto; background-color: white; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); border-radius: 8px; overflow: hidden;
} .nostalgic-menu-header {
background-color: #1A2C60; height: 10px; border-bottom: 2px solid #FFD700;
} .nostalgic-menu-content {
display: flex; flex-wrap: wrap; padding: 20px; box-sizing: border-box;
} .nostalgic-menu-column {
flex: 1; padding: 10px; box-sizing: border-box; min-width: 300px; flex-basis: 25%;
} .nostalgic-menu-column h2 {
background-color: #1A2C60; color: #FFD700; padding: 8px; margin: 0 0 10px 0; text-align: center; border-radius: 4px; border: 2px solid #FFD700;
} .nostalgic-menu-column ul {
list-style: none; padding: 0; margin: 0; column-count: 2; column-gap: 10px;
} .nostalgic-menu-column li {
margin-bottom: 5px; break-inside: avoid;
} .nostalgic-menu-column li a {
display: flex; align-items: center; text-decoration: none; color: #333; padding: 5px; padding-left: 15%; border-radius: 4px; transition: all 0.2s ease;
} .nostalgic-menu-column li a:hover {
background-color: #f0f0f0; transform: translateX(5px); box-shadow: 0 2px 4px rgba(0,0,0,0.1);
} .info-server-link {
display: flex; align-items: center; text-decoration: none !important; color: #333 !important; padding: 6px 6px 6px 30px; border-radius: 4px; transition: all 0.2s ease;
} .info-server-link:hover {
background-color: #f0f0f0; transform: translateX(5px); box-shadow: 0 2px 4px rgba(0,0,0,0.1); text-decoration: none !important;
} @media (max-width: 1200px) {
.nostalgic-menu-column {
flex-basis: 50%;
min-width: 50%;
}
} @media (max-width: 768px) {
.nostalgic-menu-column ul {
column-count: 1;
}
.nostalgic-menu-content {
flex-direction: column;
}
.nostalgic-menu-column {
min-width: 100%;
flex-basis: 100%;
}
.links {
flex-direction: column;
align-items: center;
}
img[src*="logo.svg"] {
width: 90%;
max-width: 550px;
}
.nostalgic-menu-column li a {
padding-left: 5%;
}
} @media (max-width: 480px) {
.nostalgic-menu-column h2 {
font-size: 16px;
}
.nostalgic-menu-column li a {
font-size: 14px;
}
} </style> </head> <body>
<img src="https://wiki.nostalgicrag.com/resources/assets/logo.svg" style="width: 450px; display: block; margin: 0 auto;">
</html>Arquivo:DiscordInicial2.png<html>
</html>Arquivo:ContaInicial2.png<html>
</html>Arquivo:CONHEÇA O SERVIDOR.png<html>
</body>
</html>
