JSFiddle - React, Tailwind, and code Playground

by yash009

HTML

<div>
  <img id="devil" src="img/frizzy.jpg">
</div>

<div>
  <a id="steam" href="https://steamcommunity.com/id/impenetrable" target="_blank">steam</a>
  <a id="youtube" href="https://www.youtube.com/c/ItsFrizzy" target="_blank">youtube</a>
</div>

CSS

#video {
  position: fixed;
  right: 0;
  bottom: 0;
  min-height: 100%;
  min-width: 100%;
}

#devil,
#steam,
#youtube {
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: 230px;
  width: 230px;
  position: relative;
}

#steam,
#youtube {
  text-decoration: none;
  font-family: cursive;
  font-style: oblique;
}

#devil {
  border-radius: 120px;
  top: 250px;
  right: 20px;
}

#steam {
  top: 280px;
  left: 10px;
}

#youtube {
  top: 50px;
  left: 115px;
}

a:link,
a:visited {
  color: forestgreen;
}