body{margin:0;padding:0;background-color:#121212;color:#fff;font-family:Arial,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh}#app{text-align:center;padding:20px;background-color:#1e1e1e;border-radius:8px;box-shadow:0 4px 10px #00000080;max-width:400px}body{margin:0;padding:0;background-color:#121212;color:#fff;font-family:Arial,sans-serif;display:flex;justify-content:center;align-items:center;height:95vh}#app{text-align:center;padding:20px;background-color:#1e1e1e;border-radius:8px;box-shadow:0 4px 10px #00000080;max-width:500px;width:100%}a{color:#4caf50;text-decoration:underline}a:hover{color:#81c784}nav{background-color:#1e1e1e;padding:10px;text-align:center}nav a{color:#4caf50;text-decoration:none;margin:0 10px}nav a:hover{color:#81c784;text-decoration:underline}