:root{
--colorText1: rgb(29, 22, 22);
--colorText2: rgb(60, 60, 60);
--color1: rgb(239, 90, 111);
--color2: rgb(212, 189, 172);
--color3: rgb(255, 241, 219);
--color4: rgb(83, 100, 147);

--maincolor: var(--color1);
--bordercl:var(--color1);
--callouctcolor:var(--color1);
--hovercolor:var(--color1);
--darkMaincolor: var(--color1);
--background: var(--color3);
}

html {
  background: var(--background);
	color: var(--colorText1);
  font-family: 'Noto Sans', Arial;
  font-size: 16px;
  line-height: 1.5em;
}

@media screen and (max-width: 600px) {
  html {  
		font-size: 14px;  
	}	
}

body{
  display: block;
  margin: 8px;
}

::selection {
  background: var(--maincolor);
  color: #fff;
}

a {  
  color: inherit;
  text-decoration: none;
}

a:hover {
    opacity: 0.7;		
}

ul {  
  padding-left: 2ch;
}


img {
  border: 1px solid var(--bordercl);
  max-width: 100%;
	border-radius: 10px;
}

figure {
  display: flex;  
}

figure img {
  max-height: 500px;
  margin: auto;
}

figcaption {
	text-align: center;
}

figcaption p {
	margin-top: 5px;
	font-size: 0.9rem;
}

.content {
  margin-bottom: 4em;
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
  padding: 0 1ch;
  word-wrap: break-word;
}

header {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;  
  margin-top: 1em;
  line-height: 2.5em;
  column-gap:30px;		
  padding-bottom: 0.5em;	
}

@media screen and (max-width: 600px) {  
	header {
		border-bottom: none;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
}

header .main {
  font-size: 1.8rem;
	font-weight: bold;	
	color: var(--maincolor);	
	font-family: 'Pangolin', Arial;
}

header nav {
	font-weight: bold;
}

header nav a {
	margin-right: 10px;		
}

header nav a:last-child {
	margin-right: 0px;
}

h1 {  
	font-size: 1.8rem;
	line-height: 2.0rem;
	font-weight: bold;	
}

h2, h3, h4, h5, h6 {
  font-size: 1.2rem;  
	line-height: 1.8rem;
	font-weight: bold;
}

.post a {
	text-decoration: underline;
}

.pagination {
	display: flex;
	justify-content: space-between;
	padding-left: 0px;
}

footer {
  display: flex;
  align-items: center;
	justify-content: center;
  border-top: 0.4rem dotted var(--bordercl);
  padding: 2rem 0rem;
  margin-top: 4rem;
}

.meta {
	font-size: 0.9em;
	font-weight: bold;
	margin-top: 8px;
	color: var(--colorText2);
}

.title h1, h1.title {
  margin-bottom: 0;	
}

.tags a {
	text-decoration: underline;
  text-transform: capitalize;
}

.tag-title {
	text-transform: capitalize;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

table th{
  padding: 6px 13px;
  border: 1px solid var(--bordercl);
  font-size: large;
}

table td{
  padding: 6px 13px;
  border: 1px solid var(--bordercl);
}

.image-gallery li
{
  display: block;
}