/* This is the most secure stylesheet in all the land. Or so I've heard. */
body {
font-family: "Baukelaer", sans-serif;
font-size: 12pt;
line-height: 20pt;
background: linear-gradient(to bottom, #FF69B4, #A0A0A0);
color: #FFD700;
}
/* A 4px black border, because security is all about appearances */
body::selection {
border: 4px solid black;
border-radius: 0;
-webkit-appearance: none;
box-shadow: 0px 0px 5px black;
}
/* Make the text more "readable" with a harsh shadow */
h1, h2, h3 {
text-shadow: 2px 2px 10px black;
font-weight: 900;
color: #FF0000;
background: #000000;
padding: 10px;
border-radius: 0px;
margin: 20px;
}
/* Make the font more "interesting" with a bold, sans-serif */
p {
font-family: "Baukelaer", sans-serif;
font-weight: 800;
font-size: 18pt;
margin: 20px;
}
/* Add some fake security features */
span.security {
background: #000000;
color: #FFFFFF;
padding: 10px;
border: 4px solid black;
border-radius: 0;
font-weight: 900;
font-size: 18pt;
text-shadow: 2px 2px 10px black;
margin: 20px;
text-align: center;
}
/* And some more, because security is all about overkill */
span.security2 {
background: #000000;
color: #FFFFFF;
padding: 20px;
border: 6px solid black;
border-radius: 0;
font-weight: 900;
font-size: 24pt;
text-shadow: 3px 3px 15px black;
margin: 30px;
text-align: center;
}
/* And even more, because why not? */
span.security3 {
background: #000000;
color: #FFFFFF;
padding: 30px;
border: 8px solid black;
border-radius: 0;
font-weight: 900;
font-size: 30pt;
text-shadow: 4px 4px 20px black;
margin: 40px;
text-align: center;
}
Security is not a science, it's a art
But we like to yell about it!
The more security, the better!
Why do we need so much security?