﻿
/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin:0;
    padding:0;
}

.dv-right{
	float:right;
}

.dv-left{
	float:left;
}

.buttoncontainter{
	float:left;
	width: 32%;
	padding: 20px;
}

option{
	color: black;
}

h2{
	font-size: 40px;
}

h4{
	text-align: center;
}

a{
	font-size: 16px;
}

td{
	font-size: 16px;
}

* {
  box-sizing: border-box;
  font-family: 'Open Sans', sans-serif;
}

input{
	color: black !important;
}

select{
	color: blacK !important;
}

options{
	color: blacK;
}

body {
  margin: 0;
  background: #5D4157;
  background: rgb(27,64,73);
  background: -webkit-linear-gradient(0deg, rgba(27,64,73,1) 0%, rgba(93,122,114,1) 50%, rgba(209,209,209,1) 100%);
  background: linear-gradient(0deg, rgba(27,64,73,1) 0%, rgba(93,122,114,1) 50%, rgba(209,209,209,1) 100%);
  min-height:100vh;
  justify-content:center;
  align-items:center;
  color:rgb(255, 255, 255);
}

.box {
  display: flex;
  width: 100%;

  margin: 5px 0px 5px 0px;	
}

.box-sm {
  height: 8px;
  margin: 0;
  flex-grow: 1;
  transition: all .8s ease-in-out;
  cursor: pointer;
}

.box-sm:hover {
  flex-grow: 12;
}

.container,
.post {
  display: flex;
  flex-direction: column;
}

.container,
.post_info {
  align-items: center;
}

.container {
  background: #424242;
  margin: auto;
  margin-bottom: 5px;
  padding: 10px 10px 10px 10px !important;
  outline: 1px outset #98abb9;
  outline-offset: -5px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .3), 0 2px 2px rgba(0, 0, 0, .2), 0 4px 4px rgba(0, 0, 0, .1), 0 0 8px rgba(0, 0, 0, .1);
}

.post {
  margin-bottom: 2px;
  width: 100%;
  padding-right: 10;
  padding-left: 10;
}

.container-sub{
	width: 100% !important;
}

.center-only{
	margin-left:auto !important;
    margin-right:auto !important;
}

.imagecontainer img{
	display: block;
	margin-left: auto;
	margin-right: auto;
}


.red {
  background-color: #7c2b28;
}

.orange {
  background-color: #a06921;
}

.yellow {
  background-color: #9b861b;
}

.green {
  background-color: #208829;
}

.blue {
  background-color: #22658b;
}

.purple {
  background-color: #681d88;
}

.black {
  background-color: #000000;
}