html, body {

color: black;
font-family: 'Courier New', Courier, monospace;

background-color: rgb(255, 214, 214);
margin:0;                        /*sticks footer to bottom*/
min-height: 100%;
background-image: linear-gradient(#181818 1px, transparent 1px), linear-gradient(to right, #2e2e2e 1px, transparent 1px);
background-size: 21px 21px;
background-color: #000000; 
z-index: -2;
}

/*eh
.bgimage {
    
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: -1;
    mix-blend-mode:luminosity;
    background: #0c0c0c;
    
  }
*/

body {
position: relative;
margin:0;

}


/*mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmssssssssssssssssssssssssssssssssss*/

/*mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmssssssssssssssssssssssssssssssssss*/




.main {
background-color: #a17e4a;
border: #AFAFAF solid 1px;
align-items: flex-start;
   display: flex;
   justify-content: center;
  flex-direction: column;
   float: center;


}

.borders{
background-color: rgb(0, 0, 0);
width: min(150px, 13%);
height: min(800px, 70dvw);

}





.container {
width: 100%;
margin: auto;
text-align: center;
float:center;
justify-content: space-between;
margin: 0%;


padding: 30px; 


}

.fillup {
height: 400px;
}

.footer{

background-color: #050403;
color: #C8C8C8;
text-align: center;
border-top-style: solid;
border-color: #C8C8C8;
position: static;
height: 50px;
margin: 0;
/*clear: both;*/ 
width: 100%;
margin-top: -0px;
margin-right: -7px;
border-width: 1px;
overflow-x: hidden;

}

.footer p{font-size: 80%; color: #AFAFAF}

.secondary {
background-color: #a19189;
border-style: solid;
border-width: 8px;
border-color: #ca0000;
border-radius: 3px;
padding: 0px;
margin: auto;
margin-top: 3em;
margin-bottom: 3em;
}

.seccontainer{
    background-color: #a19189;
    padding: 2em 2em 1em 2em;
    justify-content: center;
    display: flex;
}

.dotted-spaced {
    background-image: linear-gradient(to right, #333 10%, rgba(255, 255, 255, 0) 0%);
    background-position: top;
    background-size: 10px 1px;
    background-repeat: repeat-x;}

.yellowbg {
background-color: #e8dcab;
border-style: solid;
border-width: 5px;
border-color: #ca0000;
border-radius: 5px;
width: 20%;
margin: 2%;
font-family: 'Courier New', Courier, monospace;

}

.lilbox{
    padding: 0em;
    width: 70%;
    
}

/*pppppppppppppppppppppppppppphhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhooooooooooooooooooooooooooooooooonnnnnnnnnnnnnnnnnnnnnnnnnnneeeeeeeeeeeeeeeeeeee*/

@media screen and (max-width: 740px) {


  


/*mmmmmmmmmmmmmmmmmmmmmmmmmmmmssssssssssssss*/ 


.main {
margin-left: 1%;
margin-right: 1%;
padding: 0px ;

}

.container {
margin-left: 0;

margin-right: 0;

}



.seccontainer{
    padding: 10%;
    justify-content: center;
    flex-wrap: wrap;
    
}

.footer{
margin: 0px 0px 0px 0px;
}

}
/*/pppppppppppppppppppppppppppphhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhooooooooooooooooooooooooooooooooonnnnnnnnnnnnnnnnnnnnnnnnnnneeeeeeeeeeeeeeeeeeee*/