JSFiddle - React, Tailwind, and code Playground

HTML

<div class="contenedor">
	<div class="nav">ESTE ES UN NAVEGADOR</div>
	<div class="contenido">AQUI HAY UN TEXTO
    
    <ul>
    	<li>cdcdcdc</li>
    	<li>cdcdcdcd</li>
    	<li>edrewdrew</li>
    	<li>dwdwdwdwd</li>
    	<li>wdwdwdd</li>
    	<li>grtgrtgrgr</li>
    	<li>erfefefefefefef</li>
        <li>cdcdcdc</li>
    	<li>cdcdcdcd</li>
    	<li>edrewdrew</li>
    	<li>dwdwdwdwd</li>
    	<li>wdwdwdd</li>
    	<li>grtgrtgrgr</li>
    	<li>erfefefefefefef</li>
        <li>cdcdcdc</li>
    	<li>cdcdcdcd</li>
    	<li>edrewdrew</li>
    	<li>dwdwdwdwd</li>
    	<li>wdwdwdd</li>
    	<li>grtgrtgrgr</li>
    	<li>erfefefefefefef</li>
        <li>cdcdcdc</li>
    	<li>cdcdcdcd</li>
    	<li>edrewdrew</li>
    	<li>dwdwdwdwd</li>
    	<li>wdwdwdd</li>
    	<li>grtgrtgrgr</li>
    	<li>erfefefefefefef</li>
        <li>cdcdcdc</li>
    	<li>cdcdcdcd</li>
    	<li>edrewdrew</li>
    	<li>dwdwdwdwd</li>
    	<li>wdwdwdd</li>
    	<li>grtgrtgrgr</li>
    	<li>erfefefefefefef</li>
        <li>cdcdcdc</li>
    	<li>cdcdcdcd</li>
    	<li>edrewdrew</li>
    	<li>dwdwdwdwd</li>
    	<li>wdwdwdd</li>
    	<li>grtgrtgrgr</li>
    	<li>erfefefefefefef</li>
    </ul>
    </div>
</div>

CSS

body{
	margin:0px;
}
.nav{
	background-color:rgba(0,67,123,0.66);
	width:100%;
	height:70px;
	position:fixed;
	top:0;
}
.contenido{
	background-color:#FF6E00;
	height:2400px;
	width:100%;
	padding-top:70px;
}
.contenedor{
	position:relative;
}