/* CSS Document */

body {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-style: normal;
    background-color: rgb(225, 210, 191);
    display: flex;
    flex-direction: column;	
}

.header-section {
	background-color: rgb(225, 210, 191, .8);
    font-size: 40px;
    z-index: 2;
    backdrop-filter: blur(5px);
    position: fixed;
    top: 0%;
    left: 7vw;
    right: 7vw;
}

.logo {
	margin-left: 1%;
    width: 45%;
}

.logo-mobile
{
	display: none;
}

.header-options
{
	margin-top: 2vh;
	display: inline-flex;
	flex-direction: row;
    color: rgb(8, 8, 7);
	text-decoration: none;
}

.header-logo-div
{
	display: flex;
}

.header-options-div
{
	display: inline-flex;
}

nav {
    color: rgb(98,122,126);
}

ul{
    display: flex;
    list-style-type: none;
    width: 16vw;
    justify-content: space-between;
    font-size: 1.5vw;
}

.header-options-div-mobile
{
	display: none;
}

.header-options-div-mobile.show {
	display: block;
}

.header-options-div-mobile.hide {
	display: none;
}

.hamburger-menu-section
{
	display: none;
}

li {
    margin-top: 3vh;
	transition: transform .25s ease-out;
	display: inline-block;
}

li:hover {
	transform: translate(0, -5px);
	color: rgba(75,94,97,1.00);
}

a {
    text-decoration: none;
	color: inherit; 
}

p7{
	font-size: 1.2vw;
	color: rgb(98,122,126);
}

p11
{
	text-decoration: underline;
	text-decoration-color: rgb(135, 179, 74);
}


.about-me-section{
	margin-top: 0.75vh;
    display: flex;
    flex-direction: column;
    text-align: center;
    padding-top: 13vh;	
}

.about-me-container{ 	
    margin-bottom: 2vh;
	margin-left: 7vw;
    margin-right: 7vw;
}

/*#region WhoIsIntroSection*/
.who-is-intro{
    display: flex;
	padding-top: 10px;
}

.project-info-column-mobile
{
	display: none;
}

.horizontal-line 
{
    border: 0 solid rgb(135, 179, 74);
    border-top-width: 3px;
    border-radius: 1px;
    flex: 1;
    margin-bottom: 10px;
  }

.who-is-headshot
{
    border: 3px solid rgb(237, 97, 46);
    border-radius: 5%;
	float: left;
   	width: 40%;
	margin-right: 1vw;
}

.who-is-intro-title-column
{
    width: 25%;
	position: relative;
}

.who-is-intro-container-title
{
	color: rgb(98,122,126);
	font-size: 2rem;
	text-align: left;
	float: left;
}

.who-is-intro-container
{
	display: flex;
	flex-direction: column;
	width: 75%; 
}

.who-is-intro-container-mobile
{
	display: none;
}

.who-is-intro-title-text
{
	display: flex;
	flex-direction: row;
	font-size: 3rem;
	font-weight: 500;
	text-align: left;
	margin-bottom: 2vh;
	margin-left: 1vw;
}

.who-is-intro-title-text-subtitle
{
	font-size: 1.5rem;
	font-weight: 400;
}

.who-is-intro-image
{
	display: flex;
	width: 25%;
}

.who-is-intro-text
{
	display: inline-block;
	flex-direction: column;
	width: 100%;
	margin-bottom: 3vh;
}

p{
	font-size: 1.05vw;
	text-align: left;
}

.project-info-category
{
	font-size: 1.2vw;
	margin-right: 8rem;
	margin-top: 0.75%;
	
	background-color: rgba(0, 0, 0, 0);
	color: rgb(183, 123, 102);
    border: 2px solid rgb(116, 115, 115);
    border-radius: 100px; 
    padding: 5px 11px;
    text-decoration: none;
	float: left;
}
/*#endreigon */

/*#region EducationInfoSection*/
.experience-info-container
{

}

.experience-info-container-body-mobile
{
	display: none;
}

.experience-info-container-body
{
	display: flex;
}

.experience-info-container-specs-mobile
{
	display: none;
}

.experience-info-container-title
{
	color: rgb(98,122,126);
	width: 25%;
	font-size: 2rem;
	text-align: left;
	float: left;
}

.experience-info-container-specs
{
	width: 75%;
	margin-bottom: 1.5vh;
}

.experience-info-container-question
{
	text-align: left;
	margin-bottom: 2vh;
	
}

.experience-info-container-answer
{
	width: 75%;
	display: block;
}

.experience-info-container-answer-mobile
{
	display:none;
}

p1
{
	display: inline-flex;
	font-size: 1.5rem;
	text-align: left;
	font-weight: 500;
	margin-bottom: 0.5vh;
}

p2
{
	display: flex;
	margin-bottom: 0.5vh;
	text-align: left;
	font-weight: 600;
	font-size: 1.75rem;
	color: rgb(237, 97, 46);
}

p5
{
	display: inline-flex;
	flex-direction: row;
	float: right;
	font-size: 1.5rem;
	text-align: right;
	text-overflow: ellipsis;
	font-weight: 400;
}
/*#endreigon */

/*#region EducationInfoSection*/
.education-info-container
{

}

.education-info-container-body-mobile
{
	display: none;
}

.education-info-container-body
{
	display: flex;
}

.education-info-container-specs-mobile
{
	display: none;
}

.education-info-container-title
{
	color: rgb(98,122,126);
	width: 25%;
	font-size: 2rem;
	text-align: left;
	float: left;
}

.education-info-container-specs
{
	width: 75%;
	margin-bottom: 1.5vh;
}

.education-info-container-question
{
	text-align: left;
	margin-bottom: 2vh;
}

.education-info-container-answer
{
	width: 75%;
	display: block;
}

.education-info-container-answer-mobile
{
	display:none;
}
/*#endreigon */

/*#region AwardsInfoSection*/
.awards-info-container
{

}

.awards-info-container-body-mobile
{
	display: none;
}

.awards-info-container-body
{
	display: flex;
}

.awards-info-container-specs-mobile
{
	display: none;
}

.awards-info-container-title
{
	color: rgb(98,122,126);
	width: 25%;
	font-size: 2rem;
	text-align: left;
	float: left;
}

.awards-info-container-specs
{
	width: 75%;
	margin-bottom: 1.5vh;
}

.awards-info-container-question
{
	text-align: left;
	margin-bottom: 2vh;
}

.awards-info-container-answer
{
	width: 75%;
	display: block;
}

.awards-info-container-answer-mobile
{
	display:none;
}
/*#endreigon */

/*#region PatentInfoSection*/
.patents-info-container
{

}

.patents-info-container-body-mobile
{
	display: none;
}

.patents-info-container-body
{
	display: flex;
}

.patents-info-container-specs-mobile
{
	display: none;
}

.patents-info-container-title
{
	color: rgb(98,122,126);
	width: 25%;
	font-size: 2rem;
	text-align: left;
	float: left;
}

.patents-info-container-specs
{
	width: 75%;
	margin-bottom: 1.5vh;
}

.patents-info-container-question
{
	text-align: left;
	margin-bottom: 2vh;
}

.patents-info-container-answer
{
	width: 75%;
	display: block;
}

.patents-info-container-answer-mobile
{
	display:none;
}
/*#endreigon */

/*#region ProjectBreakdownSection*/
.project-breakdown-section
{

}

.breakdown-title
{
	width: 25%;
	font-size: 2rem;
	text-align: left;
	float: left;
}

.project-breakdown-container
{
	width: 75%;
	margin-left: 25%;
	margin-bottom: 8vh;
	display: block;
}

.project-breakdown-section-title-inital
{
	text-align: left;
	font-size: 3rem;
	margin-bottom: 1vh;
}

.project-breakdown-section-title
{
	text-align: left;
	float: left;
	font-size: 3rem;
	margin-bottom: 1vh;
	margin-top: 2vh;
	display: flex;
	width: 100%;
}

.project-breakdown-section-body
{
	margin-right: 1vw;
	display: inline-block; 
}

.project-breakdown-image-centered
{
	display: flex;
	width: 75%;
	margin-left: 10%;
	margin-bottom: 2vh;
}

.project-breakdown-image-centered-subtitled
{
	display: flex;
	width: 75%;
	margin-left: 10%;
}

.project-breakdown-image-subtitled
{
	margin-bottom: 2vh;
}

.project-breakdown-video
{
	margin-top: 2vh;
	margin-bottom: 2vh;
	margin-right: 1vw;
}

iframe
{
	margin-left: 10%;
	margin-right: 10%;
	display: flex;
	width: 57vw;
	height: 70vh;
	
}

p3
{
	float: left;
	text-align: left;
	font-size: 1.2rem;
	margin-bottom: 1vh;
	font-weight: 400;
}

p4
{
	font-weight: 400;
	text-align: center;
	font-size: 1.4rem;
}
/*#endreigon */

/*#region PlaystationTrophiesSection*/
.playstation-trophies-section
{

}

.playstation-trophies-title
{
	color: rgb(98,122,126);
	width: 25%;
	font-size: 2rem;
	text-align: left;
	float: left;
}

.playstation-trophies-body
{
	width: 75%;
	justify-content: center;
	margin-left: 25%;
	margin-bottom: 4vh;
	display: flex;	
}

.playstation-trophies-title-inital
{
	text-align: left;
	font-size: 3rem;
	margin-bottom: 1vh;
}

.playstation-trophies-section-body
{
	margin-right: 1vw;
	height: 15vh;
	display: flex; 
}

.playstation-trophies-img
{
	height: 100%;
}
/*#endreigon */

/*#region ProjectLessonsLearnedSection*/
.project-breakdown-lessons-learned-section
{
	
}

.project-breakdown-lessons-learned-body
{
	width: 75%;
	margin-left: 25%;
	margin-bottom: 8vh;
	display: block;	
}
/*#endreigon */

/*#region FreeTimeSection*/
.free-time-title
{
	color: rgb(98,122,126);
	width: 25%;
	font-size: 2rem;
	text-align: left;
	float: left;
}

.free-time-section
{
	
}

.free-time-body
{
	width: 75%;
	margin-left: 25%;
	margin-bottom: 8vh;
	display: block;	
}

.free-time-title-inital
{
	text-align: left;
	float: left;
	font-size: 1.5rem;
	font-weight: 500;
	margin-bottom: 2vh;
	display: flex;
	width: 100%;
}

.free-time-section-body
{
	margin-right: 1vw;
	display: inline-block; 
}

.free-time-img
{
	border: 2px solid rgb(237, 97, 46);
    border-radius: 10px; 
	height: 20%;
	width: 20%;
}
/*#endreigon */

/*#region ProjectLessonsLearnedSection*/
.resume-section
{
	
}

.resume-title
{
	color: rgb(98,122,126);
	width: 25%;
	font-size: 2rem;
	text-align: left;
	float: left;
}

.resume-title-inital
{
	text-align: left;
	font-size: 3rem;
	margin-bottom: 1vh;
}

.resume-body
{
	width: 75%;
	margin-left: 25%;
	display: block;	
}
/*#endreigon */

/*#region FooterSection*/
.footer-container
{
	background: white;
}

.footer-text-info
{
	padding-top: 1%;
	margin-left: 7vw;
    margin-right: 7vw;
}

.footer-divder
{
	margin-left: 7vw;
    margin-right: 7vw;
}

.footer-lower-section
{
	padding-top: 2vh;
	margin-left: 7vw;
    margin-right: 7vw;
	display: flex;
	height: 16vh;
}

.footer-logo
{
	height: 10vh;
}

.social-media-container
{
	margin-left: 20%;
	display: inline-flex;
	padding-top: 1vh;
	height: 5vh;
}

.social-media-icon
{
	width: 2vw;
}

.social-media-container-mobile
{
	display: none;
}

.footer-quote
{
	font-weight: 400;
	margin-left: 60vw;
	text-align: right;
}

p9
{
	font-size: 1vw;
}

p10
{
	display: block;
	font-size: 1.1vw;
	margin-top: 0.5vh;
}

a {
    text-decoration: none;
	color: inherit; 
}
/*#endreigon */

@media only screen and (max-width: 1000px){
    .hamburger
	{
        display: flex;
        border: 0;
        background: transparent;
        color: white;
        font-size: 30px;
		margin-top: 3vh;
		margin-right: 2vw;
    }
	
	.header-section
	{
		background-color: rgb(225, 210, 191, .8);
		font-size: 40px;
		z-index: 2;
		backdrop-filter: blur(5px);
		position: fixed;
		top: 0%;
		bottom: 87vh;
	}
	
	.hamburger-menu-section
	{
		display: block;
	}
	
	.hamburger-menu-cancel
	{
		display: block;
		background: transparent;
		color: white;
		outline: none;
		border: 0;
		font-size: 1.5rem;
		height: 5vh;
		width: 5vw;
		margin-top: 4vh;
	}
	
	.hamburger-menu-options
	{
		display: block;
		background-color: white;
		z-index: 4;
		width: 50vw;
		height: 100vh;
		top: 0%;
		right: -6%;
		position: fixed;
	}
	
	.header-options-div
	{
		display: none;
	}
	
	.header-options-div-mobile
	{
		display: none;
		
		z-index: 3;
		backdrop-filter: blur(5px);
		position: fixed;
		height: 100vh;
		width: 55vw;
		top: 0%;
		right: -6%;
	}

	.header-options-div-mobile.show {
		display: block;
	}

    nav 
	{
		color: rgb(98,122,126);
    }
	
	ul
	{
		display: block;
		list-style-type: none;
		font-size: 5vw;
	}
	
	.horizontal-line-hamburger
	{
		border: 0 solid rgb(135, 179, 74);
		border-top-width: 2px;
		border-radius: 1px;
		flex: 1;
		margin-top: 2vh;
	}

    .logo 
	{
        display: none;
    }
	
	.logo-mobile
	{
		display: flex;
    	width: 40%;
		margin-left: 2vw;
	}
	
	.projcts-section
	{
		display: flex;
		flex-direction: column;
		text-align: center;
		padding-top: 12vh;	
	}
	
	.project-container
	{ 	
    	margin-bottom: 1vh;
		margin-left: 5vw;
    	margin-right: 5vw;
	}
	
	.project-title
	{
		width: 100%;
	}
	
	.project-title-text
	{
		font-size: 2.5em;
		width: 100%;
		padding-bottom: 2%;
		font-weight: 500;
	}
	
	
	.project-intro-text
	{
		font-size: 1.3rem;
		font-weight: 400;
	}
	
	.project-container-logo
	{
		border: 3px solid rgb(184, 149, 110);
   		border-radius: 5px;
	}
	
	.project-info-column
	{
		display: none;
		margin-top: 34vh;
		width: 100%;
	}
	
	.project-info-column-mobile
	{
		margin-bottom: 2vh;
		display: flex;
		float: right;
	}

	.project-info-category-mobile
	{
		font-size: 4vw;
		color: rgb(183, 123, 102);
    	border: 2px solid rgb(116, 115, 115);
    	border-radius: 100px; 
    	padding: 4px 11px;
    	text-decoration: none;
	}
	
/*#region WhoIsSection*/
.project-info-column-mobile
{
	display: none;
}

.who-is-headshot
{
	display: block;
    border: 3px solid rgb(184, 149, 110);
    border-radius: 20%;
   	width: 98.5%;
}

.who-is-intro{

}

.who-is-intro-title-column
{
	display: inline-flex;
    width: 100%;
}

.who-is-intro-container-title
{
	font-size: 2.0rem;
	font-weight: 400; 
	text-align: left;
	margin-top: 1.5vh;
	margin-bottom: 1vh;
	width: 100%;
}

.who-is-intro-container
{
	display: none;
}

.who-is-intro-container-mobile
{
	display: flex;
	flex-direction: column;
}

.who-is-intro-title-text
{
	font-size: 1.9rem;
	font-weight: 500;
	text-align: left;
	margin-bottom: 2vh;
}

.who-is-intro-title-text-subtitle
{
	font-size: 1.5rem;
	font-weight: 400;
}

.who-is-intro-image
{
	display: flex;
	width: 30%;
}

.who-is-intro-text
{
	display: inline-block;
	flex-direction: column;
	width: 100%;
	margin-bottom: 3vh;
}

p{
	font-size: 1.3rem;
	font-weight: 400;
	text-align: left;
}

.project-info-category
{
	font-size: 1.2vw;
	margin-right: 8rem;
	margin-top: 0.75%;
	
	background-color: rgba(0, 0, 0, 0);
	color: rgb(183, 123, 102);
    border: 2px solid rgb(116, 115, 115);
    border-radius: 100px; 
    padding: 5px 11px;
    text-decoration: none;
	float: left;
}
/*#endreigon */

/*#region ExperienceSection*/
.experience-info-container
{

}
	
.experience-info-container-body
{
	display: none;
}
	
.experience-info-container-title
{
	font-size: 2.0rem;
	font-weight: 400; 
	text-align: left;
	margin-top: 1.5vh;
	width: 100%;
}

.experience-info-container-body-mobile
{
	display: flex;
	flex-direction: column;
}

	
.experience-info-container-specs-mobile
{
	display: flex;
	flex-direction: column;
	margin-top: 2vh;
	margin-bottom: 5vh;
}

.experience-info-container-specs
{
	display: none;
}

.experience-info-container-question
{
	width: 80vw;
	text-align: left;
	margin-bottom: 2vh;
}
	
.experience-info-container-answer
{
	display: none;	
}
	
.experience-info-container-answer-mobile
{
	display: flex;
	flex-direction: column;
	margin-bottom: 1vh;
}

p1
{
	font-size: 1.7rem;
	text-align: left;
	font-weight: 500;
}

p2
{
	text-align: left;
	font-weight: 400;
	font-size: 1.4rem;
	
}
	
p5
{
	display: inline-flex;
	float: left;
	font-size: 1.4rem;
	text-overflow: ellipsis;
	font-weight: 300;
}
/*#endreigon */

/*#region EducationSection*/
.education-info-container
{

}
	
.education-info-container-body
{
	display: none;
}
	
.education-info-container-title
{
	font-size: 2.0rem;
	font-weight: 400; 
	text-align: left;
	margin-top: 1.5vh;
	width: 100%;
}

.education-info-container-body-mobile
{
	display: flex;
	flex-direction: column;
}

	
.education-info-container-specs-mobile
{
	display: flex;
	flex-direction: column;
	margin-top: 2vh;
	margin-bottom: 5vh;
}

.education-info-container-specs
{
	display: none;
}

.education-info-container-question
{
	width: 80vw;
	text-align: left;
	margin-bottom: 2vh;
}
	
.education-info-container-answer
{
	display: none;	
}
	
.education-info-container-answer-mobile
{
	display: flex;
	flex-direction: column;
	margin-bottom: 1vh;
}
/*#endreigon */

/*#region AwardsSection*/
.awards-info-container
{

}
	
.awards-info-container-body
{
	display: none;
}
	
.awards-info-container-title
{
	font-size: 2.0rem;
	font-weight: 400; 
	text-align: left;
	margin-top: 1.5vh;
	width: 100%;
}

.awards-info-container-body-mobile
{
	display: flex;
	flex-direction: column;
}

	
.awards-info-container-specs-mobile
{
	display: flex;
	flex-direction: column;
	margin-top: 2vh;
	margin-bottom: 5vh;
}

.awards-info-container-specs
{
	display: none;
}

.awards-info-container-question
{
	width: 80vw;
	text-align: left;
	margin-bottom: 2vh;
}
	
.awards-info-container-answer
{
	display: none;	
}
	
.awards-info-container-answer-mobile
{
	display: flex;
	flex-direction: column;
	margin-bottom: 1vh;
}
/*#endreigon */
	
/*#region PatentSection*/
.patents-info-container
{

}
	
.patents-info-container-body
{
	display: none;
}
	
.patents-info-container-title
{
	font-size: 2.0rem;
	font-weight: 400; 
	text-align: left;
	margin-top: 1.5vh;
	width: 100%;
}

.patents-info-container-body-mobile
{
	display: flex;
	flex-direction: column;
}

	
.patents-info-container-specs-mobile
{
	display: flex;
	flex-direction: column;
	margin-top: 2vh;
	margin-bottom: 5vh;
}

.patents-info-container-specs
{
	display: none;
}

.patents-info-container-question
{
	width: 80vw;
	text-align: left;
	margin-bottom: 2vh;
}
	
.patents-info-container-answer
{
	display: none;	
}
	
.patents-info-container-answer-mobile
{
	display: flex;
	flex-direction: column;
	margin-bottom: 1vh;
}
/*#endreigon */
	
/*#region BreakdownSection*/
.breakdown-title
{
	font-size: 1.4rem;
	font-weight: 400; 
	text-align: left;
	margin-top: 1.5vh;
	margin-bottom: 4vh;
	width: 100%;
}
	
.project-breakdown-container
{
	width: 100%;
    margin-left: 0%;
	margin-bottom: 8vh;
	display: flex;
	flex-direction:column; 
}
	
.project-breakdown-section
{
	display: flex;
	flex-direction:column; 
}
	
.project-breakdown-section-title-inital
{
	text-align: left;
	font-size: 1.8rem;
	margin-bottom: 1vh;
}

.project-breakdown-section-title
{
	text-align: left;
	font-size: 1.9rem;
	margin-bottom: 1vh;
}

.project-breakdown-section-body
{
	
}
	
.project-breakdown-image-centered
{
	display: flex;
	width: 100%;
	margin-left: 0%;
	margin-bottom: 2vh;
}

.project-breakdown-image-centered-subtitled
{
	display: flex;
	width: 100%;
	margin-left: 0%;
}

.project-breakdown-image-subtitled
{
	margin-bottom: 2vh;
}

.project-breakdown-video
{
	margin-top: 2vh;
	margin-bottom: 2vh;
	margin-right: 1vw;
}

iframe
{
	margin-left: 5%;
	margin-right: 5%;
	display: flex;
	width: 90%;
	height: 100%;
}
	
p3
{
	float: left;
	text-align: left;
	font-size: 1.3rem;
	margin-bottom: 1vh;
	font-weight: 400;
}

p4
{
	font-weight: 400;
	text-align: center;
	font-size: 1rem;
}
/*#endreigon */
	
/*#region PlaystationTrophiesSection*/
.playstation-trophies-section
{

}

.playstation-trophies-title
{
	font-size: 2.0rem;
	font-weight: 400; 
	text-align: left;
	margin-top: 1.5vh;
	margin-bottom: 3vh;
	width: 100%;
}

.playstation-trophies-body
{
	margin-left: 0vw;
	padding-left: 0vw;
	width: 100%;
	margin-bottom: 4vh;
	display: block;
}

.playstation-trophies-section-body
{
	display: inline-flex; 
}

.playstation-trophies-img
{
	width: 100%;
	height: 120%;
}
/*#endreigon */

/*#region FreeTimeSection*/
.free-time-title
{
	font-size: 2.0rem;
	font-weight: 400; 
	text-align: left;
	margin-top: 1.5vh;
	margin-bottom: 3vh;
	width: 100%;
}

.free-time-section
{
	
}

.free-time-body
{
	width: 100%;
	margin-left: 0%;
	margin-bottom: 8vh;
	display: block;	
}

.free-time-title-inital
{
	text-align: left;
	float: left;
	margin-bottom: 2vh;
	display: flex;
	width: 100%;
}
	
p6
{
	font-size: 1.3rem;
	font-weight: 400;
}

.free-time-section-body
{
	margin-right: 1vw;
	display: block; 
}

.free-time-img
{
	border: 2px solid rgb(116, 115, 115);
    border-radius: 10px; 
	height: 40%;
	width: 40%;
}
/*#endreigon */

/*#region LessonsLearnedSection*/
.project-breakdown-lessons-learned-body	
{
	width: 100%;
	margin-left: 0%;
}
	
.project-breakdown-lessons-learned-section
{
	width: 100%;
	margin-left: 0vw;
	padding-left: 0vw;
	display: flex;
	flex-direction:column; 
}
/*#endreigon */
	
	.footer-lower-section
	{
		margin-top: 2vh;
		margin-left: 5vw;
    	margin-right: 5vw;
		height: 7vh;
		display: flex;
	}

	
	.footer-logo
	{
		padding-top: 0vh;
		margin-left: 2vw;
	    height: 80%;
	}
	
	.social-media-container
	{
		display: none;
	}
	
	.social-media-container-mobile
	{
		background-color: red;
	}
	
	.footer-quote
	{
		display: none;
	}
}