|
|
|
body, h1, h2, p { |
|
margin: 0; |
|
padding: 0; |
|
} |
|
|
|
body { |
|
font-family: Arial, sans-serif; |
|
background-color: #121212; |
|
color: #FFFFFF; |
|
} |
|
|
|
.header-title { |
|
font-family: 'Montserrat', sans-serif; |
|
font-size: 24px; |
|
text-align: center; |
|
color: #FF4500; |
|
margin: 0; |
|
padding: 20px 0; |
|
} |
|
.header-subtitle { |
|
font-size: 16px; |
|
text-align: center; |
|
color: #FF4500; |
|
margin: 10px 0; |
|
} |
|
|
|
.highlight-orange { |
|
color: #EE82EE; |
|
} |
|
|
|
.highlight-violate { |
|
color: #EE82EE; |
|
} |
|
header { |
|
display: flex; |
|
justify-content: space-between; |
|
align-items: center; |
|
background-color: #FF4500; |
|
padding: 10px 20px; |
|
} |
|
|
|
nav ul { |
|
list-style-type: none; |
|
display: flex; |
|
} |
|
|
|
nav li { |
|
margin-right: 20px; |
|
} |
|
|
|
nav a { |
|
text-decoration: none; |
|
color: #FFFFFF; |
|
} |
|
|
|
section { |
|
background-color: #1E1E1E; |
|
border: 2px solid #FF4500; |
|
border-radius: 10px; |
|
padding: 20px; |
|
margin: 20px; |
|
} |
|
|
|
section:hover { |
|
border-color: #EE82EE; |
|
} |
|
|
|
h2 { |
|
color: #FF4500; |
|
margin-bottom: 10px; |
|
} |
|
|
|
.icon { |
|
margin-right: 10px; |
|
} |
|
|
|
.footer { |
|
text-align: center; |
|
margin-top: 40px; |
|
} |
|
|
|
.buttons { |
|
display: flex; |
|
justify-content: center; |
|
align-items: center; |
|
margin: 20px auto; |
|
} |
|
|
|
.button { |
|
background-color: #FF4500; |
|
color: #121212; |
|
padding: 8px 16px; |
|
border-radius: 10px; |
|
text-decoration: none; |
|
font-weight: bold; |
|
transition: background-color 0.3s; |
|
margin-right: 10px; |
|
} |
|
|
|
.button:last-child { |
|
margin-right: 0; |
|
} |
|
|
|
.button:hover { |
|
background-color: #EE82EE; |
|
} |
|
|
|
|
|
@media (max-width: 768px) { |
|
header { |
|
padding: 10px; |
|
} |
|
|
|
nav ul { |
|
flex-direction: row; |
|
} |
|
|
|
nav li { |
|
margin-right: 10px; |
|
} |
|
|
|
.buttons { |
|
flex-direction: column; |
|
align-items: center; |
|
margin: 10px auto; |
|
} |
|
|
|
.button { |
|
margin-right: 0; |
|
margin-bottom: 10px; |
|
} |
|
} |
|
|