Coming Soon
Hier ensteht eine neue Website.
/* Global Reset
==================================================== */
*,
*::before,
*::after {
box-sizing: border-box;
}
* {
margin: 0;
padding: 0;
}
img,
picture,
video,
canvas,
svg {
display: block;
max-width: 100%;
}
input,
button,
textarea,
select {
font: inherit;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
overflow-wrap: break-word;
font: inherit;
hyphens: auto;
}
#root,
#__next {
isolation: isolate;
}
a {
color: inherit;
text-decoration: none;
}
/* General Styles
==================================================== */
:root {
--color-primary: #b9d7af;
--color-secondary: #006464;
}
/* Import Fonts
==================================================== */
body {
font-family: sans-serif;
color: black;
background-color: white;
font-weight: bold;
letter-spacing: -0.125em;
line-height: 0.85;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 3rem;
height: 100vh;
width: 100vw;
padding: 2rem;
}
h1 {
font-size: 2rem;
margin-bottom: 4rem;
}
.smiley {
width: min(20vw, 10rem);
}
/*
Source - https://stackoverflow.com/a/21320622
Posted by Kirk Strobeck, modified by community. See post 'Timeline' for change history
Retrieved 2026-05-03, License - CC BY-SA 3.0
*/
@-webkit-keyframes rotating
/* Safari and Chrome */
{
from {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotating {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.smiley {
-webkit-animation: rotating 8s linear infinite;
-moz-animation: rotating 8s linear infinite;
-ms-animation: rotating 8s linear infinite;
-o-animation: rotating 8s linear infinite;
animation: rotating 8s linear infinite;
}
