<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Real Good Studio</title>
<link rel="icon" type="image/png" href="img/favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png"href="img/favicon-16x16.png" sizes="16x16" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div className="About">
<p className="font-[400]">
We're
<img src="/logo.png" className="logo" />
. We're a <AboutDropDown madWords={madWords1} /> creative studio specializing in {" "}
<AboutDropDown madWords={madWords2} />.
</p>
<p className="font-[400]">
We work with <AboutDropDown madWords={madWords3} /> to make {" "}
<AboutDropDown madWords={madWords4} />. {" "}
</p>
<p className="font-[400]">
We make work that <AboutDropDown madWords={madWords7} /> the {" "}
<AboutDropDown madWords={madWords8} /> between {" "}
<AboutDropDown madWords={madWords9} /> and {" "}
<AboutDropDown madWords={madWords10} />.
</p>
<p className="font-[400] pt-8">
We have an{" "}
<a href="https://www.instagram.com/real.good.studio/">
<span className="hover:underline cursor-pointer">instagram</span>
</a>
with some work and a{" "}
<a href="https://realgooddeck.netlify.app/#0/">
<span className="hover:underline cursor-pointer">deck</span>
</a>
with some more work.
</p>
<p className="font-[400] pt-8">
Currently taking on select projects{" "}
<span className="hover:underline cursor-pointer">hi@realgood.tv</span>
</p>
<div className="absolute z-[-1] top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-[50%]
rounded-sm w-[105%] h-[110%] opacity-[0.8] bg-white"></div>
</div>
<script src="secret.js" async defer></script>
</body>
</html>
We're 
. We're a creative studio specializing in .
We work with to make .
We make work that the between and .