JSFiddle - React, Tailwind, and code Playground

HTML

<! A pagina esta dentro da tela *-->
<div class="Pagina">
top da pagina
<div id="Conteudo" >conteudo dentro da caixa - no meio da tela</div>
<div id="FimPagina">botton da pagina</div> 
</div>

CSS

/* Em relação a tela */
.Pagina{position: fixed;bottom: 0;
    right: 10px;
    left:10px;
    width: 730px;
    height: 600px;
    border: 3px solid blue;}
#Conteudo{position: absolute;left: 50%;top: 50%;
          border: 1px solid red;
          background-color: lightgrey;
          padding: 5px;
          margin-left:-110px;
	      margin-top:-40px;
          }
#FimPagina {position: absolute; bottom: 0px; left: 0}