*{
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      cursor: url(img/cursor.png), auto;
 

    }
    body{
      background-color: black;
      color: white;
      font-family: "Times New Roman"; 
      overflow:hidden;              
    }

    #container{
      width: 90%;
      height: 100vh;
      margin: auto;
      display: flex;
      align-content: center;
      justify-content: center;

    }
    #posts{
      position: absolute;
      display: flex;
      flex-direction: column;

      width: 30%;
      text-align: center;
      align-items: center;
      justify-content: center;
      height: 100vh;
      z-index: ;
    }

    #posts h1{
      font-size: 2vw;
    }

    #postlistdiv{
      height: 30vh;
      width: 100%;
      margin-bottom: 10%;
      overflow-y: auto;
      text-align: left;

    }
    #postlistdiv ul{
      list-style: none;
    }
    #postlistdiv a{
      text-decoration: none;
      color: gray;
    }
    #pagina{
      width: 70%;
      height: 100vh;
      justify-content: center;
      align-items: center;
      display: flex;
      flex-direction: column;
      text-align: center;

    }


    #titulo{
      width: 100%;
      height: 13%;
      display: flex;
      justify-content: center;
      align-items: center;
      position: fixed;
      top: 0;
      left: 0;
    }



    .blog{
      width: 55vw;
      position: relative;
      display: flex;
      height: 31vw;
      background-image: url("../img/computer.png");
      background-size: cover;
      background-position: center;
      align-items: center;
      text-align: center;
      justify-content: center;

    }
    .blog .over{
      
      width: 33vw;
      height: auto;
      position: absolute;
      bottom: -8vw;
      left:-18vw;
      pointer-events: none ;
      z-index: 0;
      display: block;
    }
    .menu{
      position: fixed;
      left: 0;
      top: 0;
      width: 25%;
      height: 100%;
      z-index: 1000;
      padding: 2%;
      pointer-events: none;
      align-content: center;
    }

    .menu button{
      background: none ;
      width: 10vw;
      height: 4vw;
      margin: 10px;
      font-size: 2vw;
      color: white;
      pointer-events: auto;
    }

    .content{
      background-color: black;
      width: 40vw;
      height: 35vw;
      display: flex;
      position: relative;
      flex-direction: column;
      max-height: 60vh;
      overflow-y: auto;
      scrollbar-color: white black;
      scrollbar-width: thin;
      padding: 3%;
      text-align: justify;
      font-size: 1.2vw;
      z-index: 9999;
    }      
    .content p{
      margin: 1%;
      text-indent: 20px;
    }
    .content img{
      margin: auto;
      max-width: 20vw;
      padding: 9px;
    }    
    #nextprev{
      text-align: center;
      position:sticky ;
      bottom: -7%;
      left: 0;
      background-color: black;
      z-index: 10;
      width: 100%;
      font-size: 1.5vw;
      padding: 2%;
    }
    #nextprev a{
      text-decoration: none;
      color: grey;
    }
    #nextprev a:hover{
      color: white;
      cursor: url("../img/cursor2.png"), pointer;
    }