#t-logo {font-size:32px;}
.hnav a {
	color:#fff;
	box-shadow:0 0 1px 1px #fff;
	padding:6px 12px;
	text-decoration:none;
}

header {
font-size:20px;
}

body {margin:0;}

.blog-form {
display:flex;
flex-direction:column;
}

.blog-form input, textarea {
padding:8px;
}


#wrap-blog-entries {
color:#000;
display:flex;
flex-wrap:wrap;
gap:1%;
padding:12px;
}

#wrap-blog-entries > * {
width:20%;
}

.blog-entry {
background-color:#fff;
width:70%;
box-shadow: 0 0 1px #8d8d8d,
0 0 2px #8d8d8d,
0 0 2px #8d8d8d,
0 0 1px #8d8d8d;
height:auto;
background-color:#2e2e2e;
color:#fff;
font-size:1.3rem;
}

.blog-entry p {
padding:3px;
}

.blog-image img {
width:100%;
}

.blog-title {
font-family:arial;
padding:3px;
font-size:24px;
font-weight:bold;
}


#blog-wrap {
width:48%;
margin:0 auto;
color:#2e2e2e;
background-color:#fff;
}

#blog-wrap .blog-title {
font-size:30px;
padding:12px;
margin-top:8px;
margin-bottom:18px;
}

#blog-wrap .blog-entry {
width:100%;
min-width:600px;
max-width:800px;
height:auto;
background-color:#fff;
color:#000;
font-size:1.4rem;
}

#blog-wrap .blog-image {display:none;}
#blog-wrap .blog-image img {
width:100%;
height:200px;
}

#blog-wrap .blog-content {
padding:12px;
}






#pre-wrap-blog-entries {
color:#000;
display:flex;
flex-wrap:wrap;
gap:1%;
padding:12px;
}
#pre-wrap-blog-entries > * {
margin:1% 1%;
width:20%;
height:400px;
padding:1%;
}
.pre-blog-entry {
background-color:#fff;
width:70%;
box-shadow: 0 0 1px #8d8d8d,
0 0 2px #8d8d8d,
0 0 2px #8d8d8d,
0 0 1px #8d8d8d;
height:auto;
background-color:#2e2e2e;
color:#fff;
font-size:1.3rem;
}

.pre-blog-entry p {
margin:0;
padding:3px;
}

.pre-blog-image img {
width:100%;
}

.pre-blog-title {
text-align:center;
font-family:arial;
padding:3px;
font-size:24px;
font-weight:bold;
height:100px;
}


#pre-blog-wrap {
width:48%;
margin:0 auto;
color:#2e2e2e;
background-color:#fff;
}

#pre-blog-wrap .pre-blog-title {
font-size:30px;
padding:12px;
margin-top:8px;
margin-bottom:18px;
}

#pre-blog-wrap .pre-blog-entry {
width:100%;
min-width:600px;
max-width:800px;
height:auto;
background-color:#fff;
color:#000;
font-size:1.4rem;
}

#pre-blog-wrap .pre-blog-image {display:none;}
#pre-blog-wrap .pre-blog-image img {
width:100%;
height:200px;
}

#pre-blog-wrap .pre-blog-content {
padding:12px;
}
.pre-blog-read-article a {
color:cyan;
}



footer {
padding:12px;
}