|
body { |
|
background-color: #1a1a1a; |
|
color: #A9A9A9; |
|
font-family: 'Source Code Pro', monospace; |
|
margin: 0; |
|
padding: 0; |
|
} |
|
|
|
header { |
|
background-color: #222; |
|
padding: 10px 20px; |
|
box-shadow: 0 0 10px #00FFFF; |
|
} |
|
|
|
h1 { |
|
color: #00FFFF; |
|
text-shadow: 0 0 5px #00FFFF; |
|
margin: 0; |
|
display: inline-block; |
|
} |
|
|
|
h1 span { |
|
color: #FF00FF; |
|
text-shadow: 0 0 5px #FF00FF; |
|
} |
|
|
|
nav { |
|
float: right; |
|
} |
|
|
|
nav a { |
|
color: #00FFFF; |
|
text-decoration: none; |
|
margin-left: 15px; |
|
text-shadow: 0 0 3px #00FFFF; |
|
} |
|
|
|
nav a:hover { |
|
color: #FF00FF; |
|
text-shadow: 0 0 5px #FF00FF; |
|
} |
|
|
|
main { |
|
padding: 20px; |
|
} |
|
|
|
h2, h3 { |
|
color: #00FFFF; |
|
text-shadow: 0 0 3px #00FFFF; |
|
} |
|
|
|
form { |
|
margin: 20px 0; |
|
} |
|
|
|
input, textarea, select { |
|
background-color: #333; |
|
border: 1px solid #00FFFF; |
|
color: #00FFFF; |
|
padding: 5px; |
|
margin: 5px 0; |
|
font-family: 'Source Code Pro', monospace; |
|
box-shadow: 0 0 3px #00FFFF; |
|
} |
|
|
|
input[type="submit"], .cyberpunk-button { |
|
background-color: #00FFFF; |
|
color: #1a1a1a; |
|
border: none; |
|
padding: 10px 20px; |
|
cursor: pointer; |
|
text-shadow: 0 0 3px #1a1a1a; |
|
box-shadow: 0 0 5px #00FFFF; |
|
} |
|
|
|
input[type="submit"]:hover, .cyberpunk-button:hover { |
|
background-color: #FF00FF; |
|
color: #1a1a1a; |
|
box-shadow: 0 0 5px #FF00FF; |
|
} |
|
|
|
.patient-card { |
|
border: 1px solid #00FFFF; |
|
padding: 10px; |
|
margin: 10px 0; |
|
border-radius: 5px; |
|
background-color: #222; |
|
box-shadow: 0 0 5px #00FFFF; |
|
} |
|
|
|
.patient-card h4 { |
|
color: #00FFFF; |
|
margin: 0 0 5px 0; |
|
} |
|
|
|
a.cyberpunk-button { |
|
display: inline-block; |
|
text-decoration: none; |
|
margin: 10px 0; |
|
} |