Having trouble displaying text in my ".content" div. Can someone help me figure this out?
.content{
color: black;
}
html {
height: 100%;
overflow: hidden;
}
body {
color: #fff;
margin: 0;
padding: 0;
perspective: 1px;
transform-style: preserve-3d;
height: 100%;
overflow-y: scroll;
overflow-x: hidden;
font-family: "Luna";
}<header>
<div class="variation-a">
<button class="suit_and_tie">About Me</button>
</div>
</header>
<div class="content">
<h1>Text</h1>
</div>