h1
{
  color : white;
  font-family: georgia;
  text-align: center;
  background-color: rgba(50,50,50,50);
  background-size: 200px 50px;
  
  position : relative;
  top : 5%;
  left : 33%;
  
  width : 30%;
  height : 50px;
  
  padding: 35px 35px 35px 35px;
  
  border: 10px solid white;
  border-width: 10px;
  border-radius: 6px 24px 6px 24px;
}

p {
  color : white;
  background-color: slateblue;
	margin-left: 100px;
  padding: 20px 20px 15px 15px;
}

h2
{
  color : white;
  background-color: cornflowerblue;
	margin-left: 100px;
  padding: 20px 5px 15px 15px;
}

#main
{
  color:white;
  background-color: rgb(47,47,23);
}

.contentheader
{
  color : white;
  background-color: rgb(47,60,23);
}

.contentitem
{
  color : white;
  background-color: rgb(47,0,23);
}

#sidebar 
{
    color : white;
    background-color : rgb(25,25,100);
    margin-top : 5px;
    padding : 5px;
    width : 105px;
    height : 90%;
    float : left;
    position: absolute;
    top : 175px;
    left: 0px;
}

#footer
{
  color : white;
  background-color: rgb(22,22,22);
  height : 150px;
  width : 100%;
  position : absolute;
  top : 95%;
  left : 0px;
	margin-top : 50px;
	padding : 15px;
	display : block;
	clear: both;
}

body
{
  font-family: georgia;
}

html {
  --s: 30px; /* control the size */
  --c1: #000000;
  --c2: #0F0F0F;
  
  background:
    radial-gradient(#0000 50%,var(--c1) 52% 55%,var(--c2) 57%)
    0 0/var(--s) var(--s),
    repeating-linear-gradient(45deg,var(--c1) 0 25%,var(--c2) 0 50%)
    0 0/calc(2*var(--s)) calc(2*var(--s))
}