@import url(fa-all.css);
@import url("https://fonts.googleapis.com/css?family=Varela+Round");


* {
    box-sizing: border-box;
}
html {
    background: #220022;
    color: #ccc;
    font-family: "Varela Round", "Arial";
}

body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100vh;
    margin: 0;
    padding: 0;
	background: linear-gradient(-45deg, #0B000B, #120616, #190B20, #20102B, #271535, #2E1A40, #351F4A, #3C2454, #43295E);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
	height: 100vh;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}



footer {
    position: absolute;
    bottom: 0;
    padding-bottom: 1em;
}

/* formats */
    h1 {
        font-size: 2.5em;
    }
    h2 {
        font-size: 2.25em;
    }
    h3 {
        font-size: 2em;
    }
    h4 {
        font-size: 1.75em;
    }
    h5 {
        font-size: 1.5em
    }
    h6 {
        font-size: 1.25em;
    }
    p {
        font-size: 1em;
        margin: 0 0 0 0;
    }
    p.copyright {
        padding-top: 1em;
    }
    a {
        color: #6c7c98;
        padding: 0.4em;
    }
    a.button {
        text-decoration: none;
        border: 2px solid #ccc;
        border-radius: 0.25em;
        background-color: #ccc;
    }
    i {
        font-size: 2em;
    }
    .fa-steam {
        color: #1b2838;
    }
    .fa-instagram {
        color: #833AB4;
    }
    
#colored{
  color:rgba(255, 255, 255, .1);
  background: linear-gradient(to right,     rgb(76, 217, 105), rgb(52, 170, 220),     rgb(88, 86, 217), rgb(255, 45, 83),       rgb(255, 45, 83), rgb(88, 86, 217),       rgb(52, 170, 220), rgb(76, 217, 105));
  background-size: 400%;
  -webkit-background-clip:text;
  font-weight:900;
  text-align:left;
  animation:sTransition 10s linear infinite;
}

@keyframes sTransition{
  0%{
    background-position:0%;
  }
  
  100%{
    background-position:400%;
  }
}