*{
 margin: 0;
 padding: 0;
 box-sizing: border-box;
 font-family: sans-serif;
}

body{
 background-color: rgb(27, 27, 27);
 color: white;
}

.container{
 max-width: 35em;
 width: 30em;
 margin: 5em auto 0;
 background-color: #272626;
 box-shadow: 0 0 10px black;
 border-radius: 1em;
 padding: .5em;
}

.container h1{
 text-transform: uppercase;
 text-align: center;
 padding: .5em 0;
 font-size: 3em;
 font-weight: lighter;
}

.content{
 padding: .5em;
 text-align: center;
 font-size: 3em;
 box-shadow: 0 0 10px black;
 border-radius: .5em;
 display: none;
 margin: 1em 0 0 0;
}

.content.ativo{
 display: block;
}

.btns{
 padding: .25em;

}

.btns>button{
 padding: .75em;
 border-radius: 1em;
 background-color: black;
 border: transparent;
 cursor: pointer;
 color: white;
 text-transform: uppercase;
}
.font{
 font-family: monospace;
}