110 lines
1.6 KiB
CSS
110 lines
1.6 KiB
CSS
* {
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-family: "PT Sans", sans-serif;
|
|
}
|
|
|
|
:root {
|
|
--primary: rgb(41, 63, 87);
|
|
--primary-contr: rgb(9, 11, 46);
|
|
--secondary: rgb(218, 218, 218);
|
|
--third: rgb(171, 183, 183);
|
|
--forth: rgb(255, 255, 255);
|
|
--error: rgb(221, 82, 18);
|
|
}
|
|
|
|
.home,
|
|
.about {
|
|
display: flex;
|
|
height: 90vh;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 3rem;
|
|
}
|
|
|
|
.about {
|
|
background-position: center;
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
font-size: 100px;
|
|
}
|
|
|
|
.sitePage {
|
|
min-height: 90vh;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-content: center;
|
|
align-items: center;
|
|
background-color: var(--secondary);
|
|
color: var(--primary);
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover:not(.navbar-logo) {
|
|
border-bottom: 4px dotted var(--secondary);
|
|
}
|
|
|
|
/* */
|
|
.btn-mobil a:hover,
|
|
.hero-btns a:hover {
|
|
border-bottom: none;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 4.5em;
|
|
margin: 0.7em auto;
|
|
text-align: center;
|
|
}
|
|
|
|
.sitePage h2 {
|
|
font-size: 3.7em;
|
|
margin: 0.7em auto;
|
|
}
|
|
|
|
.sitePage h3 {
|
|
font-size: 2em;
|
|
margin: 0.5em auto;
|
|
}
|
|
|
|
.sitePage p {
|
|
font-size: 1.5em;
|
|
max-width: 60%;
|
|
margin-bottom: 4vh;
|
|
}
|
|
|
|
.sitePage ul li {
|
|
font-size: 1.5em;
|
|
margin-bottom: 0.7em;
|
|
}
|
|
|
|
.errorMessage {
|
|
color: var(--error);
|
|
max-width: 60%;
|
|
/* top, right, bottom, left */
|
|
margin: 0 auto;
|
|
margin-top: 1em;
|
|
}
|
|
|
|
.bildnachweise {
|
|
font-size: 1.3em;
|
|
}
|
|
|
|
.generated-password {
|
|
font-weight: bold;
|
|
user-select: none;
|
|
}
|
|
|
|
.study-finished {
|
|
background-color: var(--primary);
|
|
padding: 0.5em;
|
|
}
|
|
|
|
.study-finished > p {
|
|
color: var(--error);
|
|
font-size: 2em;
|
|
}
|