@import url('https://fonts.googleapis.com/css2?family=Monoton&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
/* 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 */

    
main {width: 80%; margin:auto;padding:10rem; background-color:#e31009;}
body {font-family: Bebas Neue, sans-serif;text-align: center; font-size: 1.3rem;}
p {font-family:Bebas Neue, sans-serif;font-size: 1.5em;line-height:1.3em;color: #ff870f;padding:40px;}
footer{background-color:#800026;width:100%;padding: 20px; margin: 20px; border-radius: 15px;}
h1,h2,h3 { font-family:Monoton,sans-serif; font-size: 3em;margin-bottom:1em;color:#ffca9c;}
h1{Background-color:#a31300;}
a:link{color:orange}
a:visited{color:orange}
img{width: 300px;
  border: 15px solid black;
padding: 0px;}

.grid-item{padding: 40px;}
.grid-container{padding: 30px;color:#ff870f;}
.grid-container-2{
  display: grid;
  grid-template-columns: auto auto auto ;
}
.sidenav {
	
  height: 100%;
  width: 160px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color:#a31300 ;
  overflow-x: hidden;
  padding-top: 20px;
}