<!DOCTYPE html>



<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" />



<div className="About">

<p className="font-[400]">


<img src="/logo.png" className="logo" />

. We&apos;re a <AboutDropDown madWords={madWords1} /> creative studio specializing in {" "}

<AboutDropDown madWords={madWords2} />.


<p className="font-[400]">

We work with <AboutDropDown madWords={madWords3} /> to make {" "}

<AboutDropDown madWords={madWords4} />. {" "}


<p className="font-[400]">

We make work that <AboutDropDown madWords={madWords7} /> the {" "}

<AboutDropDown madWords={madWords8} /> between {" "}

<AboutDropDown madWords={madWords9} /> and {" "}

<AboutDropDown madWords={madWords10} />.


<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>


with some work and a{" "}

<a href="https://realgooddeck.netlify.app/#0/">

<span className="hover:underline cursor-pointer">deck</span>


with some more work.


<p className="font-[400] pt-8">

Currently taking on select projects{" "}

<span className="hover:underline cursor-pointer">hi@realgood.tv</span>


<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>


<script src="secret.js" async defer></script>



We're logo. We're a creative studio specializing in .

We work with to make .

We make work that the between and .