a phising page made for Crimson Defence CTF
dunkirk.sh
1
2 /* Body Styling */
3 body {
4 background-color: #f4f4f4;
5 display: flex;
6 justify-content: center;
7 align-items: center;
8 height: 100vh;
9 margin: 0;
10 flex-direction: column;
11 }
12
13
14 .header h1 {
15 font-size: 36px;
16 margin-bottom: 10px;
17 }
18
19 .header p {
20 font-size: 18px;
21 margin-top: 0;
22 }
23
24 /* Login and Message Container */
25 .login-wrapper {
26 margin: 0;
27 padding: 0;
28 box-sizing: border-box;
29 display: flex;
30 justify-content: center;
31 align-items: center;
32 max-width: 1100px;
33 width: 100%;
34 background-color: #fff;
35 border-radius: 8px;
36 box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
37 padding: 20px;
38 margin-top: 20px; /* Adjust for header height */
39 }
40
41 /* Login Container */
42 .login-container {
43 width: 50%;
44 padding: 30px;
45 box-sizing: border-box;
46 }
47
48 /* Heading */
49 h2 {
50 text-align: center;
51 margin-bottom: 20px;
52 font-size: 24px;
53 color: #333;
54 }
55
56 /* Input Field Styling */
57 input {
58 width: 100%;
59 padding: 12px;
60 margin-bottom: 20px;
61 border: 1px solid #ddd;
62 border-radius: 4px;
63 font-size: 16px;
64 box-sizing: border-box;
65 }
66
67 input:focus {
68 border-color: #c62828;
69 outline: none;
70 }
71
72 /* Button Styling */
73 button {
74 width: 100%;
75 padding: 12px;
76 background-color: #c62828;
77 color: #fff;
78 border: none;
79 border-radius: 4px;
80 font-size: 16px;
81 cursor: pointer;
82 }
83
84 button:hover {
85 background-color: #b71c1c;
86 }
87
88 /* Error Message */
89 .message {
90 color: red;
91 font-size: 0.9rem;
92 text-align: center;
93 display: none;
94 margin-top: 10px;
95 }
96
97 /* Message Section */
98 .message-section {
99 width: 50%;
100 padding: 30px;
101 box-sizing: border-box;
102 background-color: #f0f8ff;
103 border-radius: 8px;
104 display: flex;
105 justify-content: center;
106 align-items: center;
107 }
108
109 .message-section h3 {
110 font-size: 18px;
111 color: #333;
112 }
113
114 .message-section p {
115 font-size: 14px;
116 color: #555;
117 }
118
119
120
121 /* Responsive Design */
122 @media (max-width: 800px) {
123 .login-wrapper {
124 flex-direction: column;
125 max-width: 100%;
126 }
127
128 .login-container, .message-section {
129 width: 100%;
130 }
131 }