@import url('https://fonts.googleapis.com/css2?family=Ubuntu&display=swap');
 body { 
 font-family: "Ubuntu", serif;
 font-size: 20px;
 word-wrap: break-word;
 line-height: 1.7em;
 max-width: 900px;padding:0 ;margin:auto; background-color:#F4F3AA;color:#30322B;}
nav { 
     display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 3rem;
    background-color: #F9F842; text-align: center; border: 1px solid; font-size: 16px;
  border-radius: 0 0 8px 8px;
    
}
nav a { 
  display: flex;
  list-style: none;
  gap: 1rem;
    text-decoration: none; padding: 5px; color: #22251C;
    }
nav a:hover { border-bottom: solid 2px #1B1D21}
.pagination { margin-top: 20px; }
.pagination button { margin-right: 5px; }
.hidden { display: none; }
.search-container { margin-bottom: 20px; }
#search-input { padding: 8px; width: 100%; border:none; border-bottom:1px solid;background-color:transparent; }
.tag { display: inline-block; margin-right: 5px; cursor: pointer; font-size:12px; }
#tag-filter { margin-bottom: 10px; }
button:disabled { opacity: 0.5; cursor: not-allowed; }
.page { padding: 25px; margin-top: -16px;}
.page h1 {font-size: 5vw;font-weight:bold; text-shadow: 1px 3px #fff;text-align:center;}
.content-post {padding: 18px; border: solid 1px; border-radius: 8px;word-wrap: break-word;}
.btn-post {background-color: #30322B; color:#ECECD2; padding: 12px; border-radius:8px; font-size:18px;}
.no {text-decoration:none;}
pre {background-color:#30322B; padding:5px; border: solid 2px #000; color:white; border-radius:5px; padding-left:8px; font-size:14px;word-wrap: break-word;}
.btn-pag,button{border: solid 1px;font-size:18px; background-color:#30322B; padding:3px; color: #fff; border-radius:8px;}
.stags {padding:8px;}
.pags {display: flex;justify-content: center; padding: 20px;}
img,iframe {max-width:100%; border-radius:8px; border: solid 1px; padding: 5px;}
@media only screen and (max-width: 600px) {
body,.btn-post {font-size: 14px;word-wrap: break-word;}
}