body {
	margin: 20px;
	background-color: #eef2ff;
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
}

h1 {
	color: #AF0A0F;
}

h2 {
	color: #0f0c5d;
}

h3 {
	color: #0f0c5d;
}

h4 {
	color: #0f0c5d;
}

p {
	margin: 13px;
}

a {
	color: #34345c;
}

a:hover {
  color: #dd0000;
}

img {
  width: 150px;
}

img:hover {
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}

.container {
  display: grid;
  grid-template-areas:
	"menu menu"
    "header header"
    "content content"
    "footer footer";
  grid-template-columns: 1fr 3fr;
  gap: 3px;
  background-color: dodgerblue;
  padding: 5px;
}

#header {
	margin: 100px;
	margin-top: 70px;
	text-align: center
}

.content-wrap {
	display: flex;
}

.content-pointer {
	color: #B7C5D9;
	margin-right: 5px;
	margin-left: 5px;
}

.paragraph-wrap {
	background-color: #d6daf0;
	border-color: #b7c5d9;
	border-style: solid;
	border-width: 1px;
}

.paragraph-title {
	min-width: 100%;
	background-color: #c9cde8;
	
	border-color: #B7C5D9
}

.paragraph-title p {
	margin: 0px;
	padding: 5px;
	font-weight: bold;
}


.admin {
	color: red;
	font-weight: bold;
}

.username {
	color: #789922;
	font-weight: bold;
}

.quote {
	color: #789922;
}

.spoiler {
	background-color: black;
}

.spoiler:hover {
	background-color: red;
}

.bold-text {
	font-weight: bold;
}

.italics-text {
	font-style: italic;
}

.italics-text {
	font-style: italic;
}

.gallery-container {
	width: 600px;
	max-width: 600px;
	margin: 13px;
}

.gallery {
  display: grid;
  grid-template-columns: repeat(3, 150px);
  gap: 3px;
  padding: 5px;
}

.gallery > .img {
	background-color: ;
}

#comment-section {
	margin-top: 100px;
}

#comment-section h2 {
	margin-left: 26px;
}

#comment-section .content-wrap {
	margin-top: 10px;
}

#reply-field {
	margin-left: 26px;
	background-color: #d6daf0;
}

#reply-field label{
	font-weight: bold;
	margin-top: 5px;
	margin-left: 26px;
}

#reply-field input{
	margin-top: 5px;
	margin-left: 10px;
}

#reply-field #smart-text-field{
	margin-top: 2px;
	margin-left: 26px;
}

#smart-text-field {
	background-color: ;
}

#smart-text-field #submition {
	margin-left: 50px;
}

#footer {
	margin: 100px;
	margin-top: 70px;
	text-align: center
}

#footer p {
	
}