/* reset */ a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption
,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,
header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,
small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit
;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,
ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:
collapse;border-spacing:0}
/* new stuff below */
#HeadImage{width:800px;height:1000px;}
body{background-color:black; 
color:white;
text-align:center;
font-size:1.5em;}
h1{font-size:3em;
}


h2{font-size:2em;
}
main{padding-left:2em;}
#Doom {
width: 50%;
height: 75%;
}
.flex-container {

display: flex;
justify-content: center;
align-items: center;
 gap: 10px;
  gap: 10px ; 
  row-gap: 10px;
  column-gap: 30px;


margin: 10px
 }
.media{
	max-width: 200px;
	max-height: 300px;
	}
.Bigmedia{max-width: 500px;
max-height:600px;  
	
}
label{padding bottom:1em;}

 
@media screen and (max-width: 720px) {
  img {width:50%;height:50%;
   
  }
}