<style>
@import url('https://fonts.googleapis.com/css2?family=Audiowide&family=VT323&display=swap');
body, .card.secondary {
background-color: black;
}
.intro {
color: yellow;
line-height: 0.8;
text-shadow: 0 0 5px yellow, 0 0 7px yellow;
position: relative;
top: 50px
}
#links {
color: #ff87b3;
text-shadow: 0 0 5px #ff87b3, 0 0 7px #ff87b3;
font-weight: bold;
position: relative;
left: 380px;
top: 60px
}
.spen {
-webkit-animation:spin 3s linear infinite;
-moz-animation:spin 3s linear infinite;
animation:spin 3s linear infinite;
}
@-moz-keyframes spin {
100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform:rotate(360deg);
}
}
.parent {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
.spen {
position: absolute;
top: 10px;
left: 0px;
}
.banner {
position: relative;
top: 30px;
left: 20px;
}
.top-title{
position: absolute;
top: 8px;
right: 16px;
color: yellow;
font-size: 40px;
text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;
font-family: "Audiowide", sans-serif;
text-decoration: underline;
font-style: italic;
}