hq/sakrecoer-mother-web
hq/sakrecoer-mother-web
4
0
Fork 0
Code Issues Pull requests Packages Projects Releases 1 Wiki Activity

hug the colors to death

Browse source
This commit is contained in:
Set Sakrecoer 2020-01-28 10:53:07 +01:00
parent cf9f74516f
commit 7e25174c25
10 changed files with 51 additions and 41 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
404.html
View file

@ -106,7 +106,7 @@ body{
</video> </video>
</div> </div>
</div> </div>
<div style="background: linear-gradient(45deg, #ff00ff, #416a00);"> <div style="background: linear-gradient(45deg, #682d63, #5fb49c);">
<div class="trackcontainer logo" style="margin-top:0;padding-top:0;"> <div class="trackcontainer logo" style="margin-top:0;padding-top:0;">
<!-- BEGIN cookiemonster.html --> <!-- BEGIN cookiemonster.html -->
<img src="/assets/img/cookiemonster_upsidedown.gif" style="position:relative;top:0;right:0;z-index:77777;"/> <img src="/assets/img/cookiemonster_upsidedown.gif" style="position:relative;top:0;right:0;z-index:77777;"/>

12
Gemfile.lock
View file

@ -9,7 +9,7 @@ GEM
eventmachine (>= 0.12.9) eventmachine (>= 0.12.9)
http_parser.rb (~> 0.6.0) http_parser.rb (~> 0.6.0)
eventmachine (1.2.7) eventmachine (1.2.7)
ffi (1.11.1) ffi (1.12.1)
forwardable-extended (2.6.0) forwardable-extended (2.6.0)
http_parser.rb (0.6.0) http_parser.rb (0.6.0)
i18n (0.9.5) i18n (0.9.5)
@ -27,7 +27,7 @@ GEM
pathutil (~> 0.9) pathutil (~> 0.9)
rouge (>= 1.7, < 4) rouge (>= 1.7, < 4)
safe_yaml (~> 1.0) safe_yaml (~> 1.0)
jekyll-last-modified-at (1.1.0) jekyll-last-modified-at (1.2.1)
jekyll (>= 3.7, < 5.0) jekyll (>= 3.7, < 5.0)
posix-spawn (~> 0.3.9) posix-spawn (~> 0.3.9)
jekyll-paginate-v2 (1.9.4) jekyll-paginate-v2 (1.9.4)
@ -42,18 +42,18 @@ GEM
listen (~> 3.0) listen (~> 3.0)
kramdown (1.17.0) kramdown (1.17.0)
liquid (4.0.3) liquid (4.0.3)
listen (3.2.0) listen (3.2.1)
rb-fsevent (~> 0.10, >= 0.10.3) rb-fsevent (~> 0.10, >= 0.10.3)
rb-inotify (~> 0.9, >= 0.9.10) rb-inotify (~> 0.9, >= 0.9.10)
mercenary (0.3.6) mercenary (0.3.6)
pathutil (0.16.2) pathutil (0.16.2)
forwardable-extended (~> 2.6) forwardable-extended (~> 2.6)
posix-spawn (0.3.13) posix-spawn (0.3.13)
public_suffix (4.0.1) public_suffix (4.0.3)
rb-fsevent (0.10.3) rb-fsevent (0.10.3)
rb-inotify (0.10.0) rb-inotify (0.10.1)
ffi (~> 1.0) ffi (~> 1.0)
rouge (3.12.0) rouge (3.15.0)
safe_yaml (1.0.5) safe_yaml (1.0.5)
sass (3.7.4) sass (3.7.4)
sass-listen (~> 4.0.0) sass-listen (~> 4.0.0)

51
_sass/main.scss
View file

@ -20,7 +20,9 @@ html {
body{ body{
margin: 0; margin: 0;
padding: 0; padding: 0;
background: linear-gradient(230deg, #ff00ff7f, #426a007f); background-color: $color1;
color: $color4;
background: linear-gradient(230deg, $color1, $color3);
background-position: center; background-position: center;
background-repeat: repeat; background-repeat: repeat;
-webkit-animation: AnimationName 60s ease infinite; -webkit-animation: AnimationName 60s ease infinite;
@ -28,15 +30,13 @@ body{
animation: AnimationName 60s ease infinite; animation: AnimationName 60s ease infinite;
} }
a { a {
color: #0000009f; color: $color4;
background-color: rgba(255, 255, 255, 0.705); transition: all 0.5s ease-in-out;
transition: color 0.5s ease-in-out;
border-radius: 3px; border-radius: 3px;
} }
a:hover { a:hover {
background-color: #00000091;
transition: color 0.5s ease-in-out; transition: color 0.5s ease-in-out;
color: #ffffff9f; color: $color5;
} }
#hero { #hero {
display: flex; display: flex;
@ -64,8 +64,8 @@ a:hover {
} }
.pivot { .pivot {
border-radius: 3px; border-radius: 3px;
background: linear-gradient(230deg, #ff00ff7f, #426a007f); background: linear-gradient(230deg, $color1, $color3);
box-shadow: 5px 10px 100px $color4;
} }
h1 { h1 {
@ -79,10 +79,7 @@ a:hover {
font-size: 1em; font-size: 1em;
line-height: .8em; line-height: .8em;
} }
a {
background: linear-gradient(230deg, #ff00ff7f, #426a007f);
}
.fullscreen-bg { .fullscreen-bg {
position: fixed; position: fixed;
top: 0; top: 0;
@ -99,7 +96,7 @@ a:hover {
left: 0; left: 0;
width: 100vw; width: 100vw;
height: 100%; height: 100%;
background: linear-gradient(230deg, #ff00ffe6, #416a00e6); background: linear-gradient(230deg, $color1, $color3);
margin:0; margin:0;
padding: 0; padding: 0;
} }
@ -124,7 +121,6 @@ a:hover {
} }
.pivot { .pivot {
background: transparent;
flex: 0 0 250px; flex: 0 0 250px;
} }
h1 { h1 {
@ -165,7 +161,7 @@ a:hover {
h1, h2, h3, p { h1, h2, h3, p {
padding: 5px; padding: 5px;
background: linear-gradient(230deg, rgba(255, 0, 255, 0.9), rgba(65, 106, 0, 0.9)); background: linear-gradient(230deg, $color1, $color3);
background-size: 1000% 1000%; background-size: 1000% 1000%;
-webkit-animation: AnimationName 30s ease infinite; -webkit-animation: AnimationName 30s ease infinite;
-moz-animation: AnimationName 30s ease infinite; -moz-animation: AnimationName 30s ease infinite;
@ -173,7 +169,7 @@ a:hover {
padding: 10px; padding: 10px;
border-radius: 3px; border-radius: 3px;
box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.2); box-shadow: 5px 10px 100px $color4;
} }
} }
@ -185,7 +181,7 @@ a:hover {
padding: 0; padding: 0;
margin: 0; margin: 0;
border-radius: 3px; border-radius: 3px;
box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.2); box-shadow: 5px 10px 100px $color4;
} }
@ -218,9 +214,9 @@ a:hover {
.container { .container {
box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.2); box-shadow: 5px 10px 100px $color4;
background: linear-gradient(230deg, #ff00ff7f, #426a007f); background: linear-gradient(230deg, $color1, $color3);
background-size: 1000% 1000%; background-size: 1000% 1000%;
@ -235,7 +231,7 @@ background: linear-gradient(230deg, #ff00ff7f, #426a007f);
} }
} }
button { button {
background: linear-gradient(230deg, rgba(255, 0, 255, 0.9), rgba(66, 106, 0, 0.9)); background: linear-gradient(230deg, $color1, $color3);
background-size: 1000% 1000%; background-size: 1000% 1000%;
color: #fff; color: #fff;
-webkit-animation: AnimationName 30s ease infinite; -webkit-animation: AnimationName 30s ease infinite;
@ -247,7 +243,7 @@ button {
transition: background-color 0.5s ease-in-out; transition: background-color 0.5s ease-in-out;
} }
button:hover { button:hover {
background-color: rgba(117, 253, 83, 0.9); background-color: $color2;
} }
#info { #info {
flex: 1 1 500px; flex: 1 1 500px;
@ -260,7 +256,7 @@ min-height: 80vh;
} }
#timer { #timer {
flex: 1 1 200px; flex: 1 1 200px;
background: linear-gradient(230deg, #ff00ffe6, #416a00e6); background: linear-gradient(230deg, $color1, $color3);
background-size: 1000% 1000%; background-size: 1000% 1000%;
-webkit-animation: AnimationName 30s ease infinite; -webkit-animation: AnimationName 30s ease infinite;
@ -269,15 +265,15 @@ min-height: 80vh;
padding: 15px; padding: 15px;
p { p {
background-color: rgba(151, 189, 146, 0.3); background-color: $color1;
padding: 10px; padding: 10px;
border-radius: 3px; border-radius: 3px;
box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.2); box-shadow: 5px 10px 100px $color4;
} }
img { img {
box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.2); box-shadow: 5px 10px 100px $color4;
border-radius: 3px; border-radius: 3px;
} }
@ -301,7 +297,12 @@ min-height: 80vh;
flex-direction: row; flex-direction: row;
margin: 0; margin: 0;
padding: 0; padding: 0;
background-color: #ffffff; background: linear-gradient(230deg, $color1, $color2, $color3, $color4, $color5);
background-position: center;
background-repeat: repeat;
-webkit-animation: AnimationName 60s ease infinite;
-moz-animation: AnimationName 60s ease infinite;
animation: AnimationName 60s ease infinite;
background-repeat: repeat; background-repeat: repeat;
} }

8
_sass/palette.scss Normal file
View file

@ -0,0 +1,8 @@
/* Coolors Exported Palette - coolors.co/deefb7-98dfaf-5fb49c-414288-682d63 */
/* RGB */
$color1: rgba(222, 239, 183, 1);
$color2: rgba(152, 223, 175, 1);
$color3: rgba(95, 180, 156, 1);
$color4: rgba(65, 66, 136, 1);
$color5: rgba(104, 45, 99, 1);

1
assets/css/style2019-11.scss
View file

@ -1,5 +1,6 @@
--- ---
--- ---
@import 'palette';
@import 'normalize'; @import 'normalize';
@import 'main'; @import 'main';
@import 'isotope' @import 'isotope'

2
assets/img/header.svg
View file

@ -79,7 +79,7 @@
</g> </g>
<path <path
inkscape:connector-curvature="0" inkscape:connector-curvature="0"
style="opacity:0.722;fill:#ff00ff;fill-opacity:1;stroke:none;stroke-width:11.32370472;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1;paint-order:normal" style="opacity:0.722;fill:#682d63;fill-opacity:1;stroke:none;stroke-width:11.32370472;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
d="M -223.29804,-76.20512 A 169.33333,169.33333 0 0 0 -392.63137,93.128211 169.33333,169.33333 0 0 0 -223.29804,262.46154 169.33333,169.33333 0 0 0 -66.109694,155.72181 120.19643,120.19643 0 0 0 25.410288,198.20552 120.19643,120.19643 0 0 0 145.60658,78.009237 120.19643,120.19643 0 0 0 25.410288,-42.187043 120.19643,120.19643 0 0 0 -74.897274,11.943505 169.33333,169.33333 0 0 0 -223.29804,-76.20512 Z" d="M -223.29804,-76.20512 A 169.33333,169.33333 0 0 0 -392.63137,93.128211 169.33333,169.33333 0 0 0 -223.29804,262.46154 169.33333,169.33333 0 0 0 -66.109694,155.72181 120.19643,120.19643 0 0 0 25.410288,198.20552 120.19643,120.19643 0 0 0 145.60658,78.009237 120.19643,120.19643 0 0 0 25.410288,-42.187043 120.19643,120.19643 0 0 0 -74.897274,11.943505 169.33333,169.33333 0 0 0 -223.29804,-76.20512 Z"
id="path1556" /> id="path1556" />
<path <path

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 61 KiB

After

Width:  |  Height:  |  Size: 61 KiB

4
assets/img/sakrecoer-logo.svg
View file

@ -28,7 +28,7 @@
style="opacity:0.784" style="opacity:0.784"
id="g2880"> id="g2880">
<ellipse <ellipse
style="opacity:1;fill:none;fill-opacity:0.6476684;stroke:#416a00;stroke-width:8.00697803;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:0.66321242;paint-order:normal" style="opacity:1;fill:none;fill-opacity:0.6476684;stroke:#5fb49c;stroke-width:8.00697803;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:0.66321242;paint-order:normal"
id="path874" id="path874"
cx="19.427938" cx="19.427938"
cy="26.657154" cy="26.657154"
@ -38,6 +38,6 @@
<path <path
id="path867" id="path867"
d="m 28.532025,41.534286 -0.235027,-1.02424 -1.04523,0.236741 -1.04523,0.236752 -0.1494,-1.043642 -0.149399,-1.043641 -1.02978,0.23325 -1.029781,0.23324 -0.235023,-1.024229 -0.235026,-1.024251 -1.026779,0.232565 -1.026776,0.232576 -0.235026,-1.02425 -0.235025,-1.02424 -0.962605,0.218025 -0.962604,0.218035 -0.220335,-0.96022 -0.220336,-0.960231 -1.026779,0.232565 -1.026776,0.232565 -0.235026,-1.02424 -0.235025,-1.02425 -1.026779,0.232565 -1.026777,0.232576 -0.690387,-3.008721 -0.690387,-3.00871 1.026779,-0.232566 1.026777,-0.232565 -0.216026,-0.94145 -0.216026,-0.941439 0.962979,-0.305172 c 0.529624,-0.167914 1.416292,-0.407964 1.970369,-0.533455 l 1.007413,-0.228186 -0.235027,-1.024239 -0.235024,-1.02424 1.026778,-0.232565 1.026777,-0.232565 -0.455363,-1.984482 -0.455361,-1.98447 -1.983982,0.449379 -1.983983,0.44938 -0.265166,-0.983755 -0.265164,-0.983744 -2.974832,0.637648 -2.9748306,0.637649 -0.2170662,-0.573276 C 7.9813351,16.531462 7.8458444,16.10869 7.7996258,15.907262 L 7.715594,15.541047 6.6888166,15.773612 5.6620391,16.006188 5.4270134,14.981937 5.1919877,13.957687 4.2293841,14.175722 3.2667805,14.393757 3.0464432,13.433527 2.8261091,12.473306 1.7993306,12.705872 0.77255317,12.938437 0.51856886,11.831568 0.26458348,10.724699 9.3567504,8.718503 18.448916,6.7123071 17.937182,4.7069356 17.425448,2.7015534 l 4.124051,-0.9341047 4.124054,-0.93410468 0.235025,1.02425048 0.235027,1.0242398 -1.017542,0.2304772 -1.017542,0.2304772 0.071,0.7006401 c 0.03905,0.3853708 0.122916,0.8360783 0.186355,1.0015936 l 0.115354,0.3009535 9.068887,-2.1076488 9.068888,-2.1076487 0.254037,1.1071045 0.25404,1.1071045 -1.026778,0.2325652 -1.026777,0.2325652 0.220334,0.9602201 0.220337,0.9602308 -0.962604,0.2180352 -0.962603,0.2180352 0.235026,1.0242398 0.235025,1.0242504 -1.015827,0.2300811 -1.015825,0.2300918 0.129814,0.9782835 0.129816,0.9782833 -2.961326,0.706904 -2.961324,0.706904 0.190197,1.000726 0.190199,1.000737 -1.91981,0.434839 -1.919808,0.434839 0.455361,1.98446 0.455363,1.984482 0.962603,-0.218036 0.962604,-0.218024 0.235023,1.024229 0.235026,1.02425 1.123246,-0.253466 c 0.617787,-0.1394 1.521517,-0.305086 2.008323,-0.368056 l 0.885071,-0.114613 0.216088,0.941718 0.216087,0.941707 1.026777,-0.232565 1.026778,-0.232565 0.690388,3.008721 0.690387,3.00871 -1.026777,0.232565 -1.026778,0.232565 0.235026,1.024251 0.235026,1.02424 -1.026777,0.232575 -1.026777,0.232566 0.220334,0.96022 0.220337,0.960231 -0.962603,0.218035 -0.962605,0.218024 0.233789,1.018865 0.23379,1.018854 -0.986113,0.262674 -0.986113,0.262685 0.190197,1.000727 0.190196,1.000715 -1.024382,0.23203 -1.024382,0.232019 0.320652,1.00486 0.320653,1.004848 -1.045229,0.236741 -1.045231,0.236752 0.235024,1.024229 0.235025,1.024251 -1.026777,0.232565 -1.026779,0.232565 -0.235025,-1.02424 z m -2.118147,-18.645454 -0.235026,-1.02425 0.962603,-0.218025 0.962604,-0.218035 -0.220337,-0.960231 -0.220334,-0.96022 -2.951986,0.668636 -2.951985,0.668625 0.220336,0.96022 0.220336,0.960231 0.962603,-0.218035 0.962604,-0.218025 0.235027,1.02424 0.235026,1.02425 1.026777,-0.232565 1.026777,-0.232576 z" d="m 28.532025,41.534286 -0.235027,-1.02424 -1.04523,0.236741 -1.04523,0.236752 -0.1494,-1.043642 -0.149399,-1.043641 -1.02978,0.23325 -1.029781,0.23324 -0.235023,-1.024229 -0.235026,-1.024251 -1.026779,0.232565 -1.026776,0.232576 -0.235026,-1.02425 -0.235025,-1.02424 -0.962605,0.218025 -0.962604,0.218035 -0.220335,-0.96022 -0.220336,-0.960231 -1.026779,0.232565 -1.026776,0.232565 -0.235026,-1.02424 -0.235025,-1.02425 -1.026779,0.232565 -1.026777,0.232576 -0.690387,-3.008721 -0.690387,-3.00871 1.026779,-0.232566 1.026777,-0.232565 -0.216026,-0.94145 -0.216026,-0.941439 0.962979,-0.305172 c 0.529624,-0.167914 1.416292,-0.407964 1.970369,-0.533455 l 1.007413,-0.228186 -0.235027,-1.024239 -0.235024,-1.02424 1.026778,-0.232565 1.026777,-0.232565 -0.455363,-1.984482 -0.455361,-1.98447 -1.983982,0.449379 -1.983983,0.44938 -0.265166,-0.983755 -0.265164,-0.983744 -2.974832,0.637648 -2.9748306,0.637649 -0.2170662,-0.573276 C 7.9813351,16.531462 7.8458444,16.10869 7.7996258,15.907262 L 7.715594,15.541047 6.6888166,15.773612 5.6620391,16.006188 5.4270134,14.981937 5.1919877,13.957687 4.2293841,14.175722 3.2667805,14.393757 3.0464432,13.433527 2.8261091,12.473306 1.7993306,12.705872 0.77255317,12.938437 0.51856886,11.831568 0.26458348,10.724699 9.3567504,8.718503 18.448916,6.7123071 17.937182,4.7069356 17.425448,2.7015534 l 4.124051,-0.9341047 4.124054,-0.93410468 0.235025,1.02425048 0.235027,1.0242398 -1.017542,0.2304772 -1.017542,0.2304772 0.071,0.7006401 c 0.03905,0.3853708 0.122916,0.8360783 0.186355,1.0015936 l 0.115354,0.3009535 9.068887,-2.1076488 9.068888,-2.1076487 0.254037,1.1071045 0.25404,1.1071045 -1.026778,0.2325652 -1.026777,0.2325652 0.220334,0.9602201 0.220337,0.9602308 -0.962604,0.2180352 -0.962603,0.2180352 0.235026,1.0242398 0.235025,1.0242504 -1.015827,0.2300811 -1.015825,0.2300918 0.129814,0.9782835 0.129816,0.9782833 -2.961326,0.706904 -2.961324,0.706904 0.190197,1.000726 0.190199,1.000737 -1.91981,0.434839 -1.919808,0.434839 0.455361,1.98446 0.455363,1.984482 0.962603,-0.218036 0.962604,-0.218024 0.235023,1.024229 0.235026,1.02425 1.123246,-0.253466 c 0.617787,-0.1394 1.521517,-0.305086 2.008323,-0.368056 l 0.885071,-0.114613 0.216088,0.941718 0.216087,0.941707 1.026777,-0.232565 1.026778,-0.232565 0.690388,3.008721 0.690387,3.00871 -1.026777,0.232565 -1.026778,0.232565 0.235026,1.024251 0.235026,1.02424 -1.026777,0.232575 -1.026777,0.232566 0.220334,0.96022 0.220337,0.960231 -0.962603,0.218035 -0.962605,0.218024 0.233789,1.018865 0.23379,1.018854 -0.986113,0.262674 -0.986113,0.262685 0.190197,1.000727 0.190196,1.000715 -1.024382,0.23203 -1.024382,0.232019 0.320652,1.00486 0.320653,1.004848 -1.045229,0.236741 -1.045231,0.236752 0.235024,1.024229 0.235025,1.024251 -1.026777,0.232565 -1.026779,0.232565 -0.235025,-1.02424 z m -2.118147,-18.645454 -0.235026,-1.02425 0.962603,-0.218025 0.962604,-0.218035 -0.220337,-0.960231 -0.220334,-0.96022 -2.951986,0.668636 -2.951985,0.668625 0.220336,0.96022 0.220336,0.960231 0.962603,-0.218035 0.962604,-0.218025 0.235027,1.02424 0.235026,1.02425 1.026777,-0.232565 1.026777,-0.232576 z"
style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:0.13147773" /> style="opacity:1;fill:#682d63;fill-opacity:1;stroke-width:0.13147773" />
</g> </g>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.3 KiB

After

Width:  |  Height:  |  Size: 4.3 KiB

8
assets/img/world.svg
View file

@ -40,22 +40,22 @@
<linearGradient <linearGradient
id="linearGradient2113"> id="linearGradient2113">
<stop <stop
style="stop-color:#416a00;stop-opacity:1" style="stop-color:#5fb49c;stop-opacity:1"
offset="0" offset="0"
id="stop2111" /> id="stop2111" />
<stop <stop
style="stop-color:#ff00ff;stop-opacity:1" style="stop-color:#682d63;stop-opacity:1"
offset="1" offset="1"
id="stop2109" /> id="stop2109" />
</linearGradient> </linearGradient>
<linearGradient <linearGradient
id="linearGradient2086-7"> id="linearGradient2086-7">
<stop <stop
style="stop-color:#ff00ff;stop-opacity:1" style="stop-color:#682d63;stop-opacity:1"
offset="0" offset="0"
id="stop2084" /> id="stop2084" />
<stop <stop
style="stop-color:#416a00;stop-opacity:1" style="stop-color:#5fb49c;stop-opacity:1"
offset="1" offset="1"
id="stop2082" /> id="stop2082" />
</linearGradient> </linearGradient>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8 KiB

After

Width:  |  Height:  |  Size: 8 KiB

2
index.html
View file

@ -28,7 +28,7 @@ webm_path: /assets/vi/0001-0076.webm
</video> </video>
</div> </div>
</div> </div>
<div style="background: linear-gradient(45deg, #ff00ff, #416a00);"> <div style="background: linear-gradient(45deg, #deefb7, #5fb49c);">
<div class="trackcontainer logo" style="margin-top:0;padding-top:0;"> <div class="trackcontainer logo" style="margin-top:0;padding-top:0;">
{% include cookiemonster.html %} {% include cookiemonster.html %}
</div> </div>

2
music.html
View file

@ -85,7 +85,7 @@ image: /assets/img/world.svg
</script> </script>
<style> <style>
body { body {
background: linear-gradient(230deg, rgba(218, 159, 142, 0.9), rgba(236, 0, 228, 0.9), rgba(0, 212, 236, 0.9), rgba(0, 236, 173, 0.9), rgba(110, 0, 236, 0.9)); background: linear-gradient(230deg, #deefb7, #98dfaf, #5fb49c, #414288, #682d63);
background-position: center; background-position: center;
background-repeat: repeat; background-repeat: repeat;
-webkit-animation: AnimationName 60s ease infinite; -webkit-animation: AnimationName 60s ease infinite;