Yk.css

.background {

 background-size: 100% 100%;
 background-position: center;
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-image: radial-gradient(
   circle farthest-corner at 11.7% 170.6%,
   #f9b9ff 30%,
   #b1acff 60%,
   #628fff 80%
 );
 font: normal 0.8em arial, sans-serif;
 color: #ddd;

}

1. main {

 margin: 3.125em auto;
 width: 61.25em;

}

header {

 background: transparent;
 height: 13.4375em;

}

1. logo {

 width: 330px;
 float: left;
 height: 100px;
 color: #888;
 padding-bottom: 40px;
 margin-bottom: 20px;

}

1. logo h1 {

 font: normal 350% arial, sans-serif;
 margin: 0;

}

1. logo_text h1,
2. logo_text h1 a {

 color: #fff;
 padding: 0;
 text-shadow: #000 2px 2px 2px;
 letter-spacing: 2px;
 text-decoration: none;

}

1. logo_text h2 {

 font-size: 140%;
 padding: 0;
 text-shadow: #000 2px 2px 2px;
 letter-spacing: 8px;
 color: #ff2aff;

}

.mofo a {

 color: #fff;
 text-shadow: #000 2px 2px 2px;
 letter-spacing: 2px;
 text-decoration: none;

}

.waviy {

 position: relative;

}

.waviy span {

 position: relative;
 display: inline-block;
 color: #338cf9;
 animation: flip 4s infinite alternate;
 animation-delay: calc(0.4s * var(--i));

}

@keyframes flip {

 0%, 100% {
   transform: rotateY(0deg);
   color: #338cf9;
 }
 50% {
   transform: rotateY(180deg);
   color: #ff2aff;
 }

}

} /* */