JSFiddle - React, Tailwind, and code Playground

by Spencer Smith

HTML

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=KoHo:wght@700&family=Pattaya&family=Roboto+Condensed&display=swap" rel="stylesheet">

<div id="sun"></div>
<div id="logo">Authentic Solar</div>

CSS

body {
  background-color: #1f2227;
  margin: 20px;
  display: flex;
  align-items: center;
}
#sun {
  width: 35px; height: 35px;
  background-color: orange;
  background: linear-gradient(155deg, rgba(250,48,0,1) 0%, rgba(255,237,2,1) 100%);
  border-radius: 50%;
  box-shadow: 0 0 30px 0px red;
}
#logo {
  color: white;
  font-family: 'Pattaya', sans-serif;
  font-family: 'KoHo', sans-serif;
  /* font-family: 'Roboto Condensed', sans-serif; */
  font-size: 40px;
  margin-left: 10px;
}