This commit is contained in:
2023-11-16 15:54:03 +01:00
parent 1c53436675
commit ff1916adca
5 changed files with 146 additions and 34 deletions

View File

@ -4,6 +4,7 @@
body
{
background-color: #FFE49F;
background-image: url("noise-texture.svg");
color: #E07A31;
font-family: "League Spartan";
}
@ -126,7 +127,7 @@ p {
z-index: 60;
}
.main-title
.title
{
font-family: "League Spartan Black";
font-size: 170px;
@ -143,30 +144,48 @@ p {
animation: raise 0.5s ease-in;
}
.title h2{
font-size: 150px;
text-align: right;
text-align-last: right;
padding-right: 140px;
padding-top: 150px;
font-family: "League Spartan";
}
.button-rechts {
height: 1000px;
position: relative;
top: 275px;
width: 46%;
margin-right: 100px;
justify-content: center;
display: block;
}
button {
background-color: transparent;
border-style: dotted;
border-color: #E07A31;
border-width: 10px;
border-radius: 32px;
color: #E07A31;
padding-left: 25px;
padding-right: 25px;
padding-top: 25px;
padding-bottom: 20px;
text-decoration: none;
font-family: "League Spartan Black";
font-size: 100px;
cursor: pointer;
}
@keyframes raise {
0% {z-index: 0; opacity: 0%;}
70% {opacity: 50%;}
100% {z-index: 100; opacity: 90%;}
}
body::before,
body::after {
position: absolute;
left: 0;
top: 0;
content: '';
width: 2048px;
height: 2048px;
z-index: 50;
opacity: 80%;
}
body::before {
background: url("noise-texture.svg");
mix-blend-mode: soft-light;
}
#blobs {
display: flex;
flex-direction: column;
@ -210,6 +229,22 @@ body::before {
animation: appear 0.4s -0.15s ease-in;
}
@keyframes text-in-out {
0% {color: inherit}
40% {color: transparent}
60% {color: transparent}
100% {color: inherit}
}
@keyframes border-in-out {
0% {border-radius: 32px}
10%{border-radius: 32px}
40% {border-radius: 125px}
60% {border-radius: 125px}
90%{border-radius: 32px}
100% {border-radius: 32px}
}
@keyframes float-in {
0% {transform: translateY(-100px); opacity: 0%}
100% {transform: translateY(0px); opacity: 90%;}