header{
  Position:sticky;
  top:0;
  color: #ff7003;
	background-color: #093395;
	Text-align:center;
	text-shadow: 2px 2px 5px #000000;
	Border-radius: 20% 0 20% 0;
	padding: 1rem;
  overflow:hidden;
  Margin-bottom:.5rem;
  Z-index:2;
}
#Logo{
  Position:absolute;
  Top:2rem;
  left:0;
	Opacity:65%;
  width:25%;
}
h1{
  padding:0 2rem 0 2rem;
  Text-align:center;
  Font-family: "Charm", cursive;
  Font-weight: 400;
  Font-style: normal;
}
#hamnav {
  width: 100%;
  text-align: right;
}
#hamitems a {
  Position:relative;
  Left:2rem;
  flex-grow: 1;
  flex-basis: 0;
  padding: 10px;
  text-decoration: none;
  text-align: center;
  background-color:#cf5b02;
  color: #000000;
  font-size:18px;
  box-sizing: border-box;
  display: block;
  width: 85%;
  border: .25rem inset #2327fa;
  border-radius:25% 0% 25% 0%;
}
#hamitems a:hover {
  background: #af0d0d;
  border:.375rem outset #2327fa;
  Text-decoration:underline;
  Text-underline-offset:.125rem;
  font-size:24px;
  cursor:pointer;
}
#hamnav label, #hamburger {
  display: none;
}
#hamnav label {
    display: inline-block; 
    color: #ff7003;
    background: transparent;
    font-style: normal;
    font-size: 2.5em;
    padding: 10px;
}
#hamitems {
  display: none;
}
#hamnav input:checked ~ #hamitems {
  display: block;
}
#ham-menu{
  Position:absolute;
  Top:4.5rem;
  right:.75rem;
}
#ham-menu:hover{
	cursor:pointer;
}
body{
	background: radial-gradient(at right top, #CF851D, #CB0202BF);
  background-repeat: no-repeat;
}
#online-resume:before{
  content:"";
  position:absolute;
  top:5rem;
  left:-.25rem;
  width:100%;
  height:410%;
  opacity:50%;
	Background-image:url(https://projects.codecraftworks.com/web/bG2umqaKjc45yNxHkr5z/assets/old_paper_scroll2.png);
  Background-repeat:no-repeat;
  Background-size: 100% 100%;
}
#resume{
  Margin:3rem;
  Padding:3rem;
	position:relative;
  z-index:1;
}
hr{
	border:.0625rem solid black;
}
#online-resume h3{
  Text-align:center;
}
#downloadable-resume{
  font-size:24px;
  Text-align:center;
}
footer{
 	Text-align: center; 
}
#links{
	display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
#links a{
  color:black;
  text-decoration: none;
  font-weight:500;
  border:.25rem outset black;
  background-color:#5178D1;
	padding:.125rem;
}
#links a:hover{
  color:red;
  border:.25rem inset #5178D1;
}
#quote{
	font-family: "Corinthia", cursive;
  font-weight: 400;
  font-style: normal;
  font-size:24px;
	Text-align:center;
}
@media screen and (min-width: 275px){
  #resume{
  Padding: 0 1rem 0 1rem;
  }
  #online-resume:before{
  top:6rem;
  left:-.25rem;
  height:320%;
  }
}
@media screen and (min-width: 375px){
  #resume{
  Padding: 0 1.25rem 0 1.25rem;
  }
  #online-resume:before{
  top:10rem;
  left:-.25rem;
  height:300%;
  }
}
@media screen and (min-width: 473px){
  #online-resume:before{
  top:13rem;
  left:-.25rem;
  height:245%;
  }
}
@media screen and (min-width: 570px){
  #hamitems a{
  	Position:relative;
  	width:80%;
  	left:2.5em;
  }
  #Logo{
  	Position:absolute;
  	Top:1.5rem;
  	left:0;
  	width:25%;
	}
  #ham-menu{
  	Position:absolute;
  	Top:3rem;
  	right:.75rem;
	}
  #resume{
  Padding: 0 4rem 0 4rem;
  }
  #online-resume:before{
  top:13rem;
  left:-.25rem;
  height:240%;
	}
  #links a{
		padding:.5rem;
	}
}
@media screen and (min-width: 680.8px){
  #hamitems a{
  	Position:relative;
  	width:80%;
  	left:3.25em;
  }
  #Logo{
  	Position:absolute;
  	Top:.75rem;
  	left:.75rem;
  	width:22.5%;
	}
  #ham-menu{
  	Position:absolute;
  	Top:3rem;
  	right:.75rem;
	}
  #resume{
  Padding: 0 5rem 0 5rem;
  }
  #online-resume:before{
  top:15rem;
  left:-.25rem;
  height:215%;
	}
}
@media screen and (min-width: 780.8px){
  header{
    z-index:1;
  }
  #Logo{
  	Position:absolute;
  	Top:1.5rem;
  	left:.75rem;
  	width:18%;
	}
  #ham-menu{
  	Position:absolute;
  	Top:3rem;
  	right:.75rem;
	}
  #resume{
  Padding: 0 5.5rem 0 5.5rem;
  }
  #online-resume:before{
  top:16rem;
  left:-.25rem;
  height:200%;
	}
  #links a{
    Font-size:16px;
	padding:.5rem;
	}
}
@media screen and (min-width: 900px){
  header{
    z-index:1;
  }
   #hamitems a{
  	Position:relative;
  	width:80%;
  	left:6.5em;
  }
  #Logo{
  	Position:absolute;
  	Top:1.25rem;
  	left:.75rem;
  	width:12%;
	}
  #resume{
  Padding: 0 9rem 0 9rem;
  }
  #online-resume:before{
  top:16rem;
  left:-.25rem;
  height:175%;
	}
}