Changed around line 1
- margin: 0;
- padding: 0;
- box-sizing: border-box;
- font-family: 'Arial', sans-serif;
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ font-family: "Arial", sans-serif;
- background-color: #000000;
- color: #ff0000;
- min-height: 100vh;
- display: flex;
- flex-direction: column;
- justify-content: space-between;
+ background-color: #000000;
+ color: #ff0000;
+ min-height: 100vh;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
- text-align: center;
- padding: 2rem;
- animation: pulse 2s infinite;
+ text-align: center;
+ padding: 2rem;
+ animation: pulse 2s infinite;
- max-width: 200px;
- height: auto;
- filter: drop-shadow(0 0 10px rgba(255, 0, 0, 0.5));
+ max-width: 600px;
+ height: auto;
+ filter: drop-shadow(0 0 10px rgba(255, 0, 0, 0.5));
- text-align: center;
- padding: 2rem;
- animation: fadeIn 1s ease-in;
+ text-align: center;
+ padding: 2rem;
+ animation: fadeIn 1s ease-in;
- font-size: 2.5rem;
- margin-bottom: 1.5rem;
- text-shadow: 0 0 10px rgba(255, 0, 0, 0.7);
+ font-size: 2.5rem;
+ margin-bottom: 1.5rem;
+ text-shadow: 0 0 10px rgba(255, 0, 0, 0.7);
- background-color: rgba(255, 0, 0, 0.1);
- border: 1px solid #ff0000;
- border-radius: 8px;
- padding: 1.5rem;
- margin: 2rem auto;
- max-width: 500px;
- backdrop-filter: blur(5px);
+ background-color: rgba(255, 0, 0, 0.1);
+ border: 1px solid #ff0000;
+ border-radius: 8px;
+ padding: 1.5rem;
+ margin: 2rem auto;
+ max-width: 500px;
+ backdrop-filter: blur(5px);
- .ip-address, .timestamp {
- margin: 0.5rem 0;
- font-family: monospace;
- font-size: 1.1rem;
+ .ip-address,
+ .timestamp {
+ margin: 0.5rem 0;
+ font-family: monospace;
+ font-size: 1.1rem;
- margin-top: 2rem;
+ margin-top: 2rem;
- display: inline-block;
- padding: 1rem 2rem;
- margin-top: 1rem;
- background-color: #ff0000;
- color: #000000;
- text-decoration: none;
- border-radius: 5px;
- font-weight: bold;
- transition: all 0.3s ease;
- border: 2px solid transparent;
+ display: inline-block;
+ padding: 1rem 2rem;
+ margin-top: 1rem;
+ background-color: #ff0000;
+ color: #000000;
+ text-decoration: none;
+ border-radius: 5px;
+ font-weight: bold;
+ transition: all 0.3s ease;
+ border: 2px solid transparent;
- background-color: #000000;
- color: #ff0000;
- border-color: #ff0000;
- box-shadow: 0 0 15px rgba(255, 0, 0, 0.5);
+ background-color: #000000;
+ color: #ff0000;
+ border-color: #ff0000;
+ box-shadow: 0 0 15px rgba(255, 0, 0, 0.5);
- text-align: center;
- padding: 1rem;
- margin-top: 2rem;
- border-top: 1px solid rgba(255, 0, 0, 0.3);
+ text-align: center;
+ padding: 1rem;
+ margin-top: 2rem;
+ border-top: 1px solid rgba(255, 0, 0, 0.3);
- 0% { transform: scale(1); }
- 50% { transform: scale(1.05); }
- 100% { transform: scale(1); }
+ 0% {
+ transform: scale(1);
+ }
+ 50% {
+ transform: scale(1.05);
+ }
+ 100% {
+ transform: scale(1);
+ }
- from { opacity: 0; transform: translateY(20px); }
- to { opacity: 1; transform: translateY(0); }
+ from {
+ opacity: 0;
+ transform: translateY(20px);
+ }
+ to {
+ opacity: 1;
+ transform: translateY(0);
+ }
- h1 {
- font-size: 2rem;
- }
-
- .security-logo {
- max-width: 150px;
- }
-
- .ban-details {
- margin: 1rem;
- padding: 1rem;
- }
- }
+ h1 {
+ font-size: 2rem;
+ }
+
+ .security-logo {
+ max-width: 150px;
+ }
+
+ .ban-details {
+ margin: 1rem;
+ padding: 1rem;
+ }
+ }