@import url('https://fonts.googleapis.com/css2?family=Kode+Mono:wght@400..700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
* {
  cursor: url('https://cdn.cursors-4u.net/css-previews/elegant-rose-link-select-84997d0e-css.webp') 12 10, auto !important;
  margin:0;
  padding:0;
  box-sizing:border-box;
}


body {
  background-color: darkblue;
  background-image: url("assets/fundo.jpg");
  color: Wheat;
  font-family: Verdana;
  width: 100vw;
  height:80vh;
  font-family: "Playfair Display", serif;

}

#cabecalho{
  margin: 4% auto 1%;
  background-image: url("flowers2.jpg");
  background-color: rgba(245, 222, 179,0.8);
  width:60%;
  height:10em;
  border-radius: 10px;
  border: dotted 2px white;
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 2%;
  }

#cabecalho > h1 {
  text-align:center;
  text-shadow: 1px 1px 2px black;
  }


#box{
  display:flex;
  margin: auto;
  justify-content:center;
  width:60%;
  height: 60%;
  gap: 2em;
  border-radius: 10px;
  background: linear-gradient(145deg,rgba(245, 222, 179,0.7),rgba(0, 0, 0,0.3),rgba(0, 0, 0,0.8));
  border: dotted 2px white;

  }
  
  #postLinks{
    border: dotted 2px white;
    padding:2%;
    background-image: url("assets/flowers.jpg");

    
    }
  #postLinks > ul{
      list-style:none;
      
      }
    
  #postLinks > ul > a {
    text-decoration:none;

    }
    
#postLinks > ul > a >li{
  text-shadow: 2px 4px 6px black;
  color:Wheat;
  font-size: 16pt;
  }
  
#postArea{
  overflow-y: scroll;
  overflow-x:none;
  scroll-behavior: smooth;

    }

.tituloPost > h2{
  margin-top: 4%;
    padding:2%;
    text-shadow: 1px 1px 2px black;
    }
    
  #post{
    padding:2%;
    text-align: justify;
    margin-right:4%;
    inline-size: 150px;
    overflow-wrap: break-word;
    hyphens: manual;

}