74 lines
1015 B
CSS
74 lines
1015 B
CSS
/* Elements */
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
html,body {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: 16px;
|
|
line-height: 1.6;
|
|
|
|
background: #000;
|
|
color: #DDD;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
}
|
|
|
|
a {
|
|
color: #56C0F1;
|
|
text-decoration: underline;
|
|
}
|
|
a:visited,a:active { color: #D84DAC; }
|
|
a:hover { text-decoration: none; }
|
|
|
|
|
|
/* Objects */
|
|
.o-break {
|
|
padding: 3rem 0;
|
|
}
|
|
|
|
|
|
/* Components */
|
|
.c-header {
|
|
text-align: center;
|
|
padding: 4rem 1rem;
|
|
font-weight: bold;
|
|
max-width: 800px;
|
|
margin: auto;
|
|
}
|
|
|
|
.c-header__title {
|
|
font-size: 1.5rem;
|
|
}
|
|
|
|
.c-header__title-link {
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
.c-header__title-link:visited,.c-header__title-link:active {
|
|
color: inherit;
|
|
}
|
|
|
|
.c-header__subtitle {
|
|
font-style: italic;
|
|
}
|
|
|
|
|
|
.c-main {
|
|
max-width: 800px;
|
|
margin: auto;
|
|
padding: 0 1em;
|
|
}
|
|
|
|
|
|
.c-footer {
|
|
text-align: center;
|
|
padding: 12rem 1rem 10rem;
|
|
font-weight: bold;
|
|
max-width: 800px;
|
|
margin: auto;
|
|
}
|
|
|
|
.c-footer__link + .c-footer__link {
|
|
margin-left: 0.5rem;
|
|
} |