/* style for the entire website */
body {
	text-align: center;
    background-color: #110b03;
    color: white;
	font-size: 16px;
}

/* footer style */
footer {
	background-color: #333;
    color: #fff;
    text-align: center;
}

/* main style for blocks */
.style1 {
	color: #ffe0b3;
}

.style1 p{
	color: #ffe0b3;
}

/* secondary style for blocks, usually for additional info etc */
.style2 {
	color: #ffbb99;
}

.style2 p {
	color: #ffbb99;
}

/* simple paragraphs */
p {
	color: #ccffcc;
}

/* standalone image block */
.img1 {
	box-shadow: 5px 5px gray;
}

/* picture and text */
.container {
	display: flex;
	padding: 24px;
}

/* special style for illustrations and texts side-to-side */
.container_img {
	flex: 1;
    width: 25%;
}

.container_img img {
	border: 1px solid #cccccc;
	max-height: 320px;
    height: auto;
	box-shadow: 5px 5px #7c7c7c;
	margin-left: 8px;
	margin-right: 8px;
}

.container_txt {
	flex: 3;
    width: 75%;
}

.container_txt p {
	text-align: left;
	color: #ccffcc;
	padding-left: 24px;
}

/* monospace style used for showcasing cmds */
.cmds {
	text-align: left;
	font-family: monospace;
	background-color: #525354;
	border: 4px dotted white;
	padding-left: 16px;
	padding-right: 16px;
	margin-left: 16px;
	margin-right: 16px;
}

.cmds em {
	color: #ff7f50;
}
	
/* Heading 1 */
h1	{
	color: #f7704f;
}

/* Heading 3 */
h3 {
    color: #fd9e87;
}

/* links */
a {
	color: #809fff;
}

/* heading 2 */
h2 {
	color: #7dd88f;
}

/* generic list */
ul li {
	text-align: left;
	color: #7dd88f;
	list-style-type: circle;
}

/* article list */
.articles {
	text-align: left;
	margin: 8px;
	padding: 4px;
	list-style-type: none;
}

.articles a {
	color: #fcb85f;
}

/* article text */
.art_text {
	text-align: left;
	padding-left: 16px;
	padding-right: 16px;
	margin-left: 16px;
	margin-right: 16px;
}

/* article text style no. 2 */
.art_text_2 {
	text-align: left;
	padding-left: 16px;
	padding-right: 16px;
	margin-left: 16px;
	margin-right: 16px;
}

.art_text_2 p {
    color: #ffbb99;
}

.list_text_2 li {
    color: #9fe2bf;
}

/* gallery stuff */
.gallery {
    align-items: left;
    justify-content: center;
}

.three_pics {
    display:flex;
}

.photo {
    padding: 10px;
    flex: 1 1 30%;
    justify-content: center;
    align-items: center;
}

.photo img {
    box-shadow: 5px 5px gray;
    max-width: 100%;
    height: auto;
}