help yrself to a nice slice of GOAT

for blogs & profiles :3

<style>

@font-face {
font-family: Fox;
src: url("http://hellafresh.neocities.org/spiritfox.otf") format("opentype");
}


@font-face {
font-family: VCRMono;
src: url("http://hellafresh.neocities.org/vcrmono.ttf") format("truetype");
}


.goatybox {
background-image: url(https://i.postimg.cc/0NH47WWg/nickchewie.png) !important;
background-size: 75px;
background-color: black;
background-color:black;
border:2px solid grey;
box-shadow:2px 2px limegreen;
width:500px;
padding: 5px; }

.goatybox-inner-title::after {
transform: rotate(2deg);
margin-bottom:5px;
margin-left:30px;
text-align:center;
border:2px solid limegreen;
width:250px;
letter-spacing:8px;
background-color:black;
background-size:auto;
padding:4px;
display:block;
font-family:courier;
font-size:15px;
color:white !important;
text-shadow:0.5px 1px beige;
content: "@spacehey.com"; }

.goatybox-inner-title {
display:block;
letter-spacing: 10px;
-webkit-text-stroke: 2px crimson;
color: transparent;
-webkit-transform: perspective(200px) rotateX(20deg);
font-family: "VCRMono", sans-serif;
font-size: 80px !important;
background-image: url(http://i.postimg.cc/GmkQCKMR/rainbowscroll.gif) !important;
background-clip: text !important;
-webkit-background-clip: text !important;
background-size: 30% 60% !important;
overflow: hidden;
white-space: nowrap;
animation: dankanim 1.7s steps(20, end);
text-align:center; }

@keyframes dankanim {
  from { width: 0 }
  to { width: 100% }
}

.goatybox-inner {

font-family: "VCRMono";
font-size:28px;
color:white;
text-shadow:2px 3px limegreen; }


.goatylink {
margin-left:20px;
display:inline-block;
margin-bottom:5px;
background-color:black;
padding:5px;
letter-spacing:5px;
text-decoration: none !important;
font-family: "Fox";
font-size:26px; }

.goatylink a {
text-decoration:none !important;
color: #b73ba9 !important;
text-shadow: 1.5px 1.5px black; }

.goatylink a:hover {
text-decoration: none;
color: #b73ba9 !important;
text-shadow: 1.5px 1.5px black; }


.goatybox-inner img {
animation: rotation 5s infinite linear;
float:left; }


@keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(360deg); }}
</style>

<center><div class="goatybox"><div class="goatybox-inner"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRTuLk_ubd80EO3XBoPYmnWoPp7x8-DcJgusQ&s" width="150"><div class="goatybox-inner-title">GOAT</div><br><br><center><a href="http://spacehey.com/winning" class="goatylink">profile</a> // <a href="https://blog.spacehey.com/winning" class="goatylink">blog</a></center></div></div></center>