@font-face { font-family: inter; src: url('/Inter/Inter-Medium-slnt=0.woff'); } 
 @font-face { font-family: inter; font-weight: bold; src: url('/Inter/Inter-SemiBold-slnt=0.woff');}


.content_wrapper {
/*   grid-area: cont; */
/*   border:1px solid yellow; */
/*   grid-area: content; */
/*   width: auto;/* //calc(80% - 0px); */ 
/*   height: auto; */
/*   background-color: yellow; */
/*   height: 10000px; */
/*   display: grid; */
/*   grid-template-columns: auto auto; */
/*   grid-auto-rows: 300px; */
	grid-row-start: 6;
	grid-row-end:   -1;
	grid-column-start: 1;
	grid-column-end:   4;
}



.latest_wrapper {
/*   border:1px solid yellow; */
/*   grid-area: latest; */
/*   width: calc(100% - 0px); */
/*   height: auto; */
  background-color: #444;
/*   height: 10000px; */
	grid-row-start: 3;
	grid-row-end:   5;
	grid-column-start: 1;
	grid-column-end:   3;
  overflow: hidden;
/*   z-index: 2; */
} 

.latest_img {
  height: 386.666666px;
  overflow: hidden;
  width: 100%;
  background-color: white;	
}

.latest_text {
  height: 60px;
  overflow: hidden;
  padding: 15px;
  word-wrap: break-word;
}

.latest_title {
  max-width: 100%;
  overflow: hidden;
  font-size: larger;
  font-family: "inter", "bold", sans-serif;
  font-weight: bold;
}

.latest_snippet {
  padding-top: 10px;
  max-width: 100%;
  overflow: hidden;
  font-size: smaller;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  font-family: "inter", sans-serif;
}





.banner {
  grid-area: banner;
}

.ads_wrapper {
	grid-row-start: 3;
	grid-row-end:   53;
	grid-column-start: 4;
	grid-column-end:   5;
  background-color: #000;
}

.advert {
	padding: 20px;
  background-color: #000;
}

.ad_frame {
  height: 250px;
  width: 250px;
  margin-top: 9px;
  padding: 5px;
}

.ad {
  background-color: #222;
  height: 240px;
  width: 240px;
}




    
.post {
  height: 100%;
  width: 100%;
  background-color: white;
  overflow: hidden;
	
}
.post_img {
  height: 180px;
  max-height: 180px;
  overflow: hidden;
/*   width: 100%; */
  background-color: white;
/*   max-width: 180px; */
/*   padding: 20px; */
/*   padding-top: 0; */
/*   word-wrap: break-word; */
	
}
.post_text {
  height: 60px;
  max-height: 60px;
/*   width: 100%; */
/*   background-color: white; */
/*   max-width: 180px; */
  overflow: hidden; /* Hide scrollbars */
  padding: 15px;
  padding-bottom: 0;
/*   padding-top: 0; */
  word-wrap: break-word;
	
}
.post_title {
/*   height: 60%; */
  max-width: 100%;
/*   background-color: white; */
  overflow: hidden; /* Hide scrollbars */
/*   padding: 20px; */
  font-size: larger;
  font-family: "inter", "bold", sans-serif;
  font-weight: bold;
	
}
.post_snippet {
/*   height: 60%; */
  padding-top: 10px;
  max-width: 100%;
/*   max-height:  */
/*   background-color: white; */
  overflow: hidden; /* Hide scrollbars */
/*   padding: 20px; */
  font-size: smaller;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  
  font-family: "inter", sans-serif;
	
}














.xtras {
  height: 580px;
  width: 270px;
/*   border: 1px solid #aaa; */
	
	grid-row-start: 3;
	grid-row-end:   5;
	grid-column-start: 3;
	grid-column-end:   4;
/* 	display: flex; */
}

.tag_cloud {
  height: 520px;
  width: 270px;
  min-width: 270px;
/*   border: 1px solid #aaa; */
/*   border:1px solid yellow; */
/*   grid-area: latest; */
/*   width: calc(100% - 0px); */
/*   height: auto; */
/*   height: 200px; */
/*   width: 200px; */
/*   border: 1px solid #aaa; */
/*   margin: 10px; */
/*   display: flex; */
  background-color: #111;
/*   height: 10000px; */
  z-index: 2;
  font-family: "inter", "bold", sans-serif;
} 

.donate {
  height: 40px;
  font-family: "inter", sans-serif;
	
/*   font-size: smallest; */
  font-size: 11px;
  color: #999;
/*   vertical-align: text-bottom; */
/*   border: 1px solid #aaa; */
}
.xtras donate {
	
  align-self: flex-end;
}



ul.cloud {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  line-height: 2.2rem;
}



ul.cloud a {
  color: gray;
  display: block;
  font-size: 1.5rem;
  padding: 0.125rem 0.25rem;
  text-decoration: none;
  position: relative;
}



attr([attribute-name] [attribute-unit]? [, default-value]?)


ul.cloud a {
  --size: attr(data-weight number, 2); 
  font-size: calc(var(--size) * 1rem);
}






ul.cloud a[data-weight="1"] { --size: 1; }
ul.cloud a[data-weight="2"] { --size: 2; }
ul.cloud a[data-weight="3"] { --size: 3; }
ul.cloud a[data-weight="4"] { --size: 4; }
ul.cloud a[data-weight="5"] { --size: 5; }
ul.cloud a[data-weight="6"] { --size: 6; }
ul.cloud a[data-weight="7"] { --size: 7; }
ul.cloud a[data-weight="8"] { --size: 8; }
ul.cloud a[data-weight="9"] { --size: 9; }

ul.cloud a {
  --size: 4;
  font-size: calc(var(--size) * 0.25rem + 0.5rem);
  /* ... */
}	


/*

ul.cloud[data-show-value] a::after {
  content: " (" attr(data-weight) ")";
  font-size: 1rem;
}
*/



/* ul.cloud li:nth-child(2n+1) a { --color: #181; } */
/* ul.cloud li:nth-child(3n+1) a { --color: #33a; } */
/* ul.cloud li:nth-child(4n+1) a { --color: #c38; } */



ul.cloud a:focus {
  outline: 1px dashed;
} 



ul.cloud a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 100%;
  background: var(--color);
  transform: translate(-50%, 0);
  opacity: 0.15;
  transition: width 0.25s;
}

ul.cloud a:focus::before,
ul.cloud a:hover::before {
  width: 100%;
}


@media (prefers-reduced-motion) {
  ul.cloud * {
    transition: none !important;
  }
}