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;
}
#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:2.5rem;
  right:.75rem;
}
#ham-menu:hover{
	cursor:pointer;
}
body{
	background: radial-gradient(at right top, #CF851D, #CB0202BF);
  background-repeat: no-repeat;
}
#intro{
	border:.5rem inset black;
  border-radius:25% 0% 25% 0%;
	display: flex;
  flex-direction:row;
  flex-wrap: wrap;
}
#headshot{
  text-align: center;
	Width:75%;
  Border: .5rem outset #093395;
  Border-radius: 25% 0% 25% 0%;
  overflow: hidden;
  Margin-bottom:.25rem;
}
figcaption{
  background-color:#FF841F;
}
#scroll-name{
  font-family: "Corinthia", cursive;
  font-weight: 700;
  font-style: normal;
  font-size:24px;
	Text-align:center;
  Margin: -.25rem;
  Position:relative;
  animation:Scroll;
  Animation-duration:4.5s;
  Animation-iteration-count:infinite;
}
#intro-para{
	padding:.125rem 2rem 1.5rem 2rem;
  Text-align:Justify;
}
#goals{
  padding:.125rem 1.5rem 1.5rem 1.5rem;
	Text-align:justify;
}
.goal-list:hover{
	cursor:pointer;
}
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;
  padding:.125rem 1.5rem 1.5rem 1.5rem;
}
@keyframes Scroll{
  0%{Left:-10.5em}
  50%{Left:0; pause:3s}
  100%{left:10.5em}
  
}
@media screen and (min-width: 570px){
  header{
  z-index:1;
  }
  #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;
	}
  #headshot{
  	Position:relative;
    left:1.5rem;
  }
  #intro-para{
		Padding:.125rem 3rem 1.5rem 3rem;
	}
  #links a{
		padding:.5rem;
	}
}
@media screen and (min-width: 680.8px){
  header{
    z-index:1;
  }
  #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;
	}
  #headshot{
  	Position:relative;
  	Left:4.5rem;
    width:55%
  }
  #intro-para{
		padding:.125rem 4rem 2.5rem 4rem;
	}
}
@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;
	}
  #headshot{
  	Position:relative;
  	Left:7rem;
    width:60%
  }
  #intro-para{
		padding:.125rem 4.5rem 1.5rem 4.5rem;
	}
  #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%;
	}
  #headshot{
  	Position:relative;
  	Left:25%;
    width:40%
  }
  #intro-para{
		padding:.125rem 4.5rem 2.5rem 4.5rem;
	}
}