body 
  {
  	margin: 0;
    font-size: .9em;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-image: url(../images/back.png);
  }

.parallax
  {
    background-image: url(../images/backgroundblue.png);
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
    
  h1
  {
    font-family: Arial;
    font-size: 2em;
    letter-spacing: .02em;
    text-align: center;
  }

  h2
  {
    text-align:center;
  }

  hr
    {
      margin: 0;
    }

 main
  {
    padding: 20px;
    margin: 0 0 16px 0;
    font-family: Arial;
	  font-size: 1.25rem;
  } 
  /*Makes header move with screen*/
  .sticky {
    position: fixed;
    top: 0;
    width: 100%;
  }

  .sticky + .content {
    padding-top: 102px;
  }

  img.ff
    {
      width: 50%;
      float: right;
    }

  img.st
    {
      width: 100%;
    }

  img.right
    {
      float: right;
      max-width: 100%
    }

  img.center
    {
      align-content: center;
      width: 50%;
    }

  img.border1
  {
      border: 2px solid #55828B;
  }
  
  img.border2
  {
      border: 2px solid #5b91ec;
  }
  a 
  {
    text-decoration: none;
  } 

  a:hover {color: #ffffff;} 
  a:visited {color: #ffffff;} 
  a:active {color: #ffffff;}
  a:link {color: #ffffff;}



header 
  {
    font-family: "Rajdhani", sans-serif;
    font-size: 4rem;
    color: #000;
    border: 1px solid #364958;
    border-width: 3px;
    background-color: #0E6BA8;
    z-index: 1;
  }




footer 
	{
		font-family: verdana;
		font-size: .65rem;
    min-height: 3rem;
		border: 2px solid #364958;  
		background-color: #0E6BA8;
		padding: 12px;
		text-align: left;
		color: #fff;
	}
	
.left
{
	float: left;
	padding: 0 6px 0 0;
	
}

 

.flex_parent_container 
  {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
  }

.box 
  {
    padding: 10px;
    margin: 10px;		
    flex-basis: 3in;
    min-width: 1px;
    background-color: #c6dc93;
    border-radius: 15px;
  }
			
.box1 
  {
    order: 1;
    border: 5px solid #364958;
    background-color: #55828B;
    flex-grow: 1;
	  color: #000;
  }

.box2 
  {
    flex-grow: 5;
    order: 2;
    border: 5px solid #55828B;
    background-color: #364958;
    color: #000;
  }

.box2a
  {
    flex-grow: 1;
    order: 3;
    border: 5px solid #364958;
    background-color: #55828B;
	  color: #000;
  }

.box3 
  {
    order: 4;
    border: 5px solid #55828B;
    background-color: #364958;
    color: #000;
    flex-grow: 1;
  }
.padding1
{
  padding: 15px;
}



.flex_image
{
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: relative;
}
::-webkit-scrollbar {
  width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #1B4079;
  border-radius: 10px;
}

.hobbies
{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  border: 10px solid #489;
  border-radius: 10px;
}

.resume 
{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 60%;
  border: 10px solid #489;
  border-radius: 10px;
}