body {
font-family: Arial, Helvetica, sans-serif;
background-color: #e9edf1;
margin: 0;
padding: 30px;
}
/* Main Wrapper */
#pageWrapper {
max-width: 1400px;
margin: auto;
background-color: #f7f9fb;
border: 6px solid #4f6f8d;
border-radius: 16px;
padding: 30px;
box-shadow: 0 0 20px rgba(0,0,0,0.12);
zoom: 0.8;
}
/* Navigation */
#topNav {
background-color: #4f6f8d;
border-radius: 10px;
padding: 15px 0;
}
#topNav ul {
list-style: none;
display: flex;
justify-content: center;
gap: 50px;
margin: 0;
padding: 0;
}

#topNav a {
text-decoration: none;
color: white;
font-size: 22px;
font-weight: bold;
transition: 0.3s;
}
#topNav a:hover {
color: #111111;
}
/* Header */
#pageHeader {
text-align: center;
padding-top: 40px;
}
#pageHeader h1 {
margin: 0;
font-size: 54px;
color: #2f4f68;
letter-spacing: 2px;
}
#pageHeader p {
margin-top: 10px;
font-size: 22px;
color: #666;
}
/* Web Security Page */
.security-page {
display: flex;
justify-content: center;
align-items: flex-start;
gap: 40px;
margin-top: 40px;
}
/* Security Cards */
.security-card {
width: 550px;
background-color: white;
border: 3px solid #4f6f8d;
border-radius: 14px;
padding: 25px;
box-shadow: 0 0 15px rgba(0,0,0,0.15);
}
.security-card h2 {
color: #24445c;
text-align: center;
font-size: 28px;
}
.security-card p {
font-size: 18px;
line-height: 1.5;
}
/* Browser Information Box */
#browserInfo {
background-color: #f1f5f8;
border-left: 8px solid #4f6f8d;
border-radius: 12px;
padding: 20px;
margin-top: 20px;
box-shadow: 0 0 10px rgba(0,0,0,0.08);
}
#browserInfo p {
font-size: 18px;
line-height: 1.5;
}
#browserInfo strong {
color: #24445c;
}
/* Security Source Cards */
#securitySources {
list-style: none;
padding: 0;
margin: 0;
}
#securitySources li {
background-color: #f1f5f8;
border: 2px solid #4f6f8d;
border-left: 8px solid #4f6f8d;
border-radius: 12px;
padding: 20px;
margin-bottom: 25px;
line-height: 1.6;
box-shadow: 0 0 10px rgba(0,0,0,0.10);
}
#securitySources strong {
color: #24445c;
}
#securitySources a {
display: block;
margin-top: 10px;
word-break: break-word;
}