JSFiddle - React, Tailwind, and code Playground

by msfrisbie

HTML

<link href="https://fonts.googleapis.com/css?family=Antic|Josefin+Sans|Julius+Sans+One|Khand|Questrial|Ubuntu" rel="stylesheet">

<style>

  html, body {
    height: 100%;
    margin: 0;
  }

body {
  font-family: 'Questrial', sans-serif;
  background-color: rgb(66,134,244);
  padding: 0;
  margin: 0;
}
div#text {
  position: absolute;
  bottom: 170px;
  left: 170px;
  color: #edda0e;
  font-size: 16px;
}

div#logobox {
  position: absolute;
  top: 170px;
  right: 170px;
}

#logobox svg {
  height: 170px;
}

svg {
  height: 320px;
}

g {
  fill: white;
}

</style>

<div id="text">
  <div style="font-size: 6.4em; font-weight:Medium; color:white">
  Scott Robinson
  </div>
  <div style="font-size: 3.6em; font-weight:Regular; color:white">
  Dipshit
  </div>
  <div style="height:1.5em">
  
  </div>
  <div style="font-size: 2.3em; font-weight:Light; margin-top:0.7em; color:white">
  [email protected]
  </div>
  <div style="font-size: 2.3em; font-weight:Light; margin-top:0.37em; color:white">
  847-769-5042
  </div>
  <div style="font-size: 2.3em; font-weight:Light; margin-top:0.3em; color:white">
  www.gosellout.com
  </div>
</div>

<div id="logobox">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-2 -2 334 80"><g id="logo" transform="matrix(0.7,0,0,0.7,0,0)"><path xmlns="http://www.w3.org/2000/svg" d="M50,0C22.4,0,0,22.4,0,50s22.4,50,50,50s50-22.4,50-50S77.6,0,50,0z M55.8,65.3L44,77c-3.2,3.2-7.5,5-11.8,5h0  c-3.9,0-7.5-1.5-10.2-4.1c-5.8-5.8-5.8-15.3,0-21.1l14.1-14.1L36,44.9c-0.2,2.6,0.1,5.1,0.9,7.4l0.2,0.5l-9.5,9.5  c-1.4,1.4-2.1,3.2-2.1,5.1c0,1.9,0.7,3.7,2.1,5.1c1.2,1.2,2.9,1.9,4.7,1.9c2.3,0,4.6-1,6.3-2.7l11.7-11.7c3.3-3.3,3.7-8.2,0.9-11  c-0.7-0.7-1-1.9-0.8-3.1c0.2-1.2,0.8-2.3,1.7-3.2l1.5-1.5l0.5,0.3c0.9,0.6,1.8,1.3,2.5,2c0.8,0.8,1.4,1.6,2,2.6  C62.3,51.9,61.1,60,55.8,65.3z M77.9,43.2L63.8,57.3l0.2-2.1c0.2-2.6-0.1-5.1-0.9-7.4L63,47.2l9.5-9.5c1.4-1.4,2.1-3.2,2.1-5.1 ...