@charset "UTF-8";
/* CSS Document */

html{
    box-sizing: border-box;
	font-size: 62.5%;
}


body {
	margin: 0;
    padding: 0;
    line-height: 1.6;
    background-color: black;
    font: lighter 3em white Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    letter-spacing: 1.2em;
    text-align: center;
}
body a .container {
    text-decoration: none;
    color: darkgrey;
    
  display: flex;
  height: 100%;
  align-items: center;
}

svg {
    display: block;
    font: 1.6em;
    margin: 0 auto;
}

.text-copy {
    fill: none;
    stroke: white;
    stroke-dasharray: 6% 29%;
    stroke-width: 1px;
    stroke-dashoffset: 0%;
    animation: stroke-offset 5.5s infinite linear;
}

.text-copy:nth-child(1){
	stroke: #001bff;
	animation-delay: -1s;
}

.text-copy:nth-child(2){
	stroke: #840037;
	animation-delay: -2s;
}

.text-copy:nth-child(3){
	stroke: #BD0034;
	animation-delay: -3s;
}

.text-copy:nth-child(4){
	stroke: #7dc803;
	animation-delay: -4s;
}

.text-copy:nth-child(5){
	stroke: #FDB731;
	animation-delay: -5s;
}

@keyframes stroke-offset{
	100% {stroke-dashoffset: -35%;}
}

figure img{
    width: 20%;
}