CSS
/*
==============================================================
- Designed by @Dan Cederholm
- https://dribbble.com/shots/2711827-Make-America-Gradient-Again
- I didn't used the same font.
==============================================================
*/
@import url(https://fonts.googleapis.com/css?family=Lato:100,300);
html, body {
background: rgba(32,184,230,1);
background: linear-gradient(to bottom,
rgba(32,184,230,1) 10%,
rgba(32,184,230,1) 1%,
rgba(104,126,151,1) 37%,
rgba(128,107,125,1) 49%,
rgba(161,94,111,1) 62%,
rgba(243,78,63,1) 100%,
rgba(243,78,63,1) 100%);
margin: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.wrapper {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
text-align: center;
animation-duration: 4s;
animation-delay: 1s;
}
h1 {
font-family: 'Lato', sans-serif;
font-size: 14vh;
font-weight: 100;
letter-spacing: 18px;
margin-top: 10px;
margin-bottom: 10px;
color: #fff;
text-transform: uppercase;
}
