thsf.net/src/thsf/static/css/style.css

156 lines
2.2 KiB
CSS
Raw Normal View History

2023-04-05 16:14:50 +02:00
@font-face {
font-family: pfdintextcomppromedium;
src: url(../fonts/PFDinTextCompPro-Medium.ttf);
}
@font-face {
font-family: pfdintextcompprothin;
src: url(../fonts/PFDinTextCompPro-Thin.ttf);
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background-color: #e6007e;
font-family: pfdintextcomppromedium;
}
span.header {
font-size: 9.75em;
font-weight: bold;
}
span.subheader {
margin: 0;
font-size: 3.47em;
font-weight: thin;
}
span.place {
margin: 0;
font-size: 2.145em;
}
.white {
color: #ffffff;
}
.black {
color: #1A000D;
}
.thin {
font-family: pfdintextcompprothin;
}
.bold {
font-family: pfdintextcomppromedium;
}
2023-04-07 10:29:11 +02:00
/* #content_wrapper {
2023-04-07 09:49:58 +02:00
display: flex;
2023-04-07 10:18:26 +02:00
flex-direction: column;
2023-04-07 09:49:58 +02:00
justify-content: flex-start;
2023-04-07 10:18:26 +02:00
align-items: center;
2023-04-07 10:29:11 +02:00
} */
2023-04-07 09:56:42 +02:00
2023-04-07 10:18:26 +02:00
#main_wrapper {
2023-04-07 09:56:42 +02:00
display: flex;
2023-04-07 10:34:03 +02:00
flex-direction: row;
2023-04-07 10:31:00 +02:00
justify-content: center;
2023-04-07 10:39:55 +02:00
align-items: flex-start;
2023-04-07 10:35:12 +02:00
align-content: flex-start;
2023-04-07 10:52:43 +02:00
margin-bottom: 5em;
2023-04-07 09:49:58 +02:00
}
#center_wrapper {
2023-04-05 16:14:50 +02:00
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
#header {
text-align: center;
margin-bottom: -3em;
}
#logo_wrapper {
margin-top: 1em;
width: 40em;
}
img.logo {
width: inherit;
}
2023-04-07 10:52:43 +02:00
#navbar_wrapper {
position: fixed;
bottom: 0;
2023-04-07 10:44:57 +02:00
margin: 1em;
2023-04-05 16:14:50 +02:00
display: flex;
2023-04-07 10:52:43 +02:00
flex-direction: row;
justify-content: center;
2023-04-05 16:14:50 +02:00
align-items: center;
gap: 2em;
2023-04-07 10:54:35 +02:00
background-color: #e6007e;
width: 100vw;
2023-04-05 16:14:50 +02:00
}
.button {
font-size: 4em;
transition-property: color;
transition-duration: 1s;
}
.button:hover {
color: #ffffff;
cursor: pointer;
}
#cursorbar {
margin-top: 1em;
}
.cursor {
width: 0;
height: 0;
border-left: 0.75em solid transparent;
border-right: 0.75em solid transparent;
2023-04-06 12:49:18 +02:00
border-bottom: 0.75em solid #1A000D;
}
2023-04-06 12:55:49 +02:00
#blah {
2023-04-07 10:12:24 +02:00
margin: 2em 0 2em;
2023-04-06 12:57:59 +02:00
font-size: 2em;
2023-04-06 13:05:50 +02:00
font-family: pfdintextcompprothin;
2023-04-06 12:49:18 +02:00
color: #ffffff;
2023-04-06 13:04:46 +02:00
width: 25em;
2023-04-07 10:11:39 +02:00
text-align:justify;
text-justify:inter-word;
2023-04-06 12:49:18 +02:00
}
2023-04-07 10:07:00 +02:00
#blah > p {
margin-top: 1em;
}
2023-04-06 12:49:18 +02:00
a {
2023-04-06 13:02:03 +02:00
font-family: pfdintextcomppromedium;
2023-04-06 13:07:27 +02:00
font-weight: 250;
2023-04-06 12:49:18 +02:00
color: #1A000D;
transition-property: color;
transition-duration: 1s;
text-decoration: wavy;
}
a:hover {
color: #ffffff;
2023-04-06 13:09:02 +02:00
cursor: pointer;
2023-04-05 16:14:50 +02:00
}