hero layout

This commit is contained in:
sakrecoer 2020-12-14 20:18:16 +01:00
parent d0a3383f20
commit 47e705c6ed
10 changed files with 31 additions and 21 deletions

View file

@ -118,12 +118,21 @@ body {
> * {
margin: 40px !important;
}
.button {
background-image: linear-gradient(228deg, var(--accent1-alt), var(--accent2-alt));
background-size: 400% 400%;
-webkit-animation: backgroundBlink 2s ease infinite;
-moz-animation: backgroundBlink 2s ease infinite;
animation: backgroundBlink 2s ease infinite;
> ul {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
font-size: xxx-large;
.button {
background-image: linear-gradient(228deg, var(--accent1-alt), var(--accent2-alt));
background-size: 400% 400%;
-webkit-animation: backgroundBlink 2s ease infinite;
-moz-animation: backgroundBlink 2s ease infinite;
animation: backgroundBlink 2s ease infinite;
flex: 0 0 25px;
margin: 0 0 20px 0;
padding: 0 10px;
}
}
}
h1, h2 {