@charset "UTF-8";

*, *:before, *:after{
	box-sizing: border-box;
}


body {
	height: 100%;
}

.bg{
	background-size: cover;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 24% 34%;
	background-image: url(assets/graphics/woodback.jpg); /*Image sourced from https://pixabay.com/en/wood-old-desktop-pattern-wall-3253358/ */
}


#container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

#topnav {
	padding-left: 0px;
	list-style-type: none;
	margin: 0 0 20px 0;
	height: 82px;
	background-color: rgba(0,0,0,0.00);
	font-family: "Handlee", "Kristen ITC", "Garamond", cursive, sans-serif;
	font-size: 20px;
	
	/*START FLEX FOR NAV*/
	
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	justify-content: center;
}

#topnav li {/*START FLEX FOR NAV LIST ITEMS*/
	flex-basis: 15%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: rgba(255,255,255,1.00);
}

header {
	background-image: url(assets/graphics/header.jpg); /*Image sourced from https://www.pexels.com/photo/art-blur-bokeh-bright-459740/ */
	height: 775px;
}

#welcome {
	width: 450px;
	height: 250px;
	background-color: rgba(238,185,203,0.50);
	margin: 95px auto;
}

#welcome h1 {
	text-align: center;
	padding-top: 21px;
	font-family: parisienne, "Monotype Curvisa", "Cambria", cursive, sans-serif;
	font-size: 42px;
	font-weight: 700;
	font-style: normal;
}

header #welcome p {
	text-align: center;
	font-size: 22px;
	color: #FFFFFF;
	text-shadow: 0px 0px 5px #000000;
	margin-top: 14px;
	font-family: "Arima Madurai", "Gill Sans", "Myriad Pro", sans-serif;
	font-weight: 500;
	margin-right: 1px;
	padding-right: 14px;
	padding-left: 4px;
}

header h1 {
}

main {
}

main #heading {
	background-color: #EEB9CB;
	margin-top: -47px;
	padding-top: 0px;
	margin-bottom: -12px;
	padding-bottom: 0px;
	padding-left: 202px;
	padding-right: 0px;
	margin-left: 196px;
	margin-right: 0px;
}

main #heading h1 {
	background-color: rgba(238,185,203,1.00);
	margin-left: -398px;
	margin-right: 25px;
	margin-top: 29px;
	padding-top: 0px;
	padding-left: 0px;
	margin-bottom: 9px;
	padding-bottom: 23px;
	text-align: center;
	color: #FFFFFF;
	text-shadow: 6px 8px 11px #8E808D;
	font-family: "Handlee", "Kristen ITC", "Garamond", cursive, sans-serif;
}

#twoColumn {
	margin: 0 0 20px 0;
	background-color: #EEB9CB;
	
	/*START FLEX*/
	
	display: flex;
	border-bottom-width: 5px;
	border-bottom-style: groove;
	padding-bottom: 20px;
}

#twoColumn p {
	font-family: "Arima Madurai", "Gill Sans", "Myriad Pro", sans-serif;
	font-size: 16px;
	font-weight: 500;
}

#justMe {
	padding: 20px;
	font-family: "Handlee", "Kristen ITC", "Garamond", cursive, sans-serif;
	font-size: 18px;
	
	/*START FLEX*/
	
	flex-basis: 50%;
	border-right: thick double #000000;
}

#skillz {
	padding: 20px;
	font-family: "Handlee", "Kristen ITC", "Garamond", cursive, sans-serif;
	font-size: 18px;
	
	/*START FLEX*/
	
	flex-basis: 50%;
}

#gridGallery {
	padding-top: 35px;
	padding-right: 35px;
	padding-left: 35px;
	padding-bottom: 35px;
	border-bottom-width: 5px;
	border-bottom-style: groove;
	margin-top: -20px;
	background-repeat: repeat;
	background-position: -42% 212%;
	background-color: #000000;
	background-image: url(assets/graphics/Untitled-8.png);
}

#gridGallery h1 {
	text-align: center;
	font-family: "Handlee", "Kristen ITC", "Garamond", cursive, sans-serif;
	font-size: 30px;
	margin-top: 1px;
	color: #FFFFFF;
	text-shadow: 1px 2px 9px #000000;
}

#gridGallery p {
}

#gridContainer {
	
	/*START FLEX*/
	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.gridChild {
	margin-bottom: 6px;
}

.gridChild h2 {
	font-family: "Arima Madurai", "Gill Sans", "Myriad Pro", sans-serif;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	text-shadow: 2px 1px #000000;
}

.gridChild img {
}

a:link, a:visited {
	color: rgba(255,255,255,1.00);
	text-decoration: none;
}

a:hover, a:active {
	color: rgba(238,185,203,1.00);
}

footer {
	background-color: #735646;
	margin-top: -7px;
}

#footerquick {
	color: #EEB9CB;
}

#footerconnect {
	color: #EEB9CB;
}

#quicklinks ul li {
	color: #FFFFFF;
	list-style-type: square;
}

#quicklinks ul {
	line-height: 25px;
	margin-top: -14px;
}

footer p {
	padding-bottom: 15px;
	color: #FFFFFF;
	text-align: right;
	padding-right: 18px;
	font-family: "Arima Madurai", "Gill Sans", "Myriad Pro", sans-serif;
	font-size: 16px;
	font-weight: 500;
}

footer #threeColumn {
	margin: 0 0 20px 0;
	font-family: "Arima Madurai", "Gill Sans", "Myriad Pro", sans-serif;
	font-size: 16px;
	font-weight: 500;
	/*FLEX START*/
	
	display: flex;
	border-top: 5px groove #FFFFFF;
}

#contact {
	padding: 20px;
	
	/*START FLEX*/
	
	flex-basis: 33.3%;
	color: #FFFFFF;
}

#quicklinks {
	padding: 20px;
	
	/*START FLEX*/
	
	flex-basis: 33.3%;
}

#connect {
	padding: 20px;
	
	/*START FLEX*/
	
	flex-basis: 33.3%;
}

#social {
	width: 275px;
	height: 200px;
	background-position: 21% 30%;
	background-color: #FFFFFF;
	padding-top: 20px;
	padding-right: 0px;
	padding-left: 15px;
	border: 3px solid #000000;
}

#connect p img {
	padding-top: 0px;
	margin-bottom: 10px;
	margin-top: -15px;
}


#threeColumn h1 {
	text-align: center;
	font-family: "Handlee", "Kristen ITC", "Garamond", cursive, sans-serif;
}

#contactForm {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 10px;
	border-width: 3px;
	border-style: solid;
	background-color: #EEB9CB;
}

#contactForm p {
	color: #000000;
	text-align: left;
	text-shadow: 0px 0px;
}

#Photoshop {
	background-color: #EEB9CB;
	text-align: center;
	font-family: "Handlee", "Kristen ITC", "Garamond", cursive, sans-serif;
	text-size: 26px;
	text-shadow: 6px 8px 11px #8E808D;
	color: #FFFFFF;
	margin: 0px;
}

#photonav {
	background-color: #EEB9CB;
	padding-left: 0px;
	list-style-type: none;
	margin-top: 50px;
	margin-bottom: 20px;
	height: 30px;
	font-family: "Handlee", "Kristen ITC", "Garamond", cursive, sans-serif;
	font-size: 20px;
	/*START FLEX FOR NAV*/
	
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	justify-content: center;
}

#photoshopmain {
	background-color: #EEB9CB;
}


#photonav li {/*START FLEX FOR NAV LIST ITEMS*/
	flex-basis: 15%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: rgba(255,255,255,1.00);
	background-color: #735646;
	border: 3px ridge #FFFFFF;
	margin-right: 25px;
	margin-left: 25px;
}

#photoshopmain #photo1 {
	margin-left: 80px;
	margin-top: 50px;
}

#photoshopmain #photo2 {
	padding-top: 0px;
	margin-bottom: 300px;
	margin-left: 22px;

}
#photoshopmain #photo3 {
	margin-left: 80px;
	margin-bottom: 50px;
}

#photoshopmain #photo4 {
	margin-left: 22px;
	margin-top: 22px;
	margin-bottom: 50px;
}

#photoshopmain #photo5 {
	margin-bottom: 50px;
	margin-left: 22px;
}

#photoshopmain #textbox {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	display: table-caption;
	width: 512px;
	height: 265px;
	margin-left: 359px;
	margin-top: -278px;
	border: 4px solid #FFFFFF;
	font-family: "Arima Madurai", "Gill Sans", "Myriad Pro", sans-serif;
	font-size: 16px;
}
#photoshopmain #textbox p {
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
}

#container #videos {
	background-color: #EEB9CB;
	margin-top: -21px;
	padding-bottom: 5px;
}

#playlist {
	padding-top: 53px;
	margin-bottom: 50px;
}

#videos {
	background-color: #EEB9CB;
	text-align: center;
	font-family: "Handlee", "Kristen ITC", "Garamond", cursive, sans-serif;
	text-size: 26px;
	text-shadow: 6px 8px 11px #8E808D;
	color: #FFFFFF;
	margin: 0px;
}

#videonav {
	background-color: #EEB9CB;
	padding-left: 0px;
	list-style-type: none;
	margin-top: 50px;
	margin-bottom: 20px;
	height: 30px;
	font-family: "Handlee", "Kristen ITC", "Garamond", cursive, sans-serif;
	font-size: 20px;
	/*START FLEX FOR NAV*/
	
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	justify-content: center;
}
	
#videonav li {
	/*START FLEX FOR NAV LIST ITEMS*/
	flex-basis: 15%;
	display: flex;
	justify-content: center;
	align-items: center;
	
	color: rgba(255,255,255,1.00);
	background-color: #735646;
	border: 3px ridge #FFFFFF;
	margin-right: 25px;
	margin-left: 25px;
}

#playlist p {
	font-family: "Arima Madurai", "Gill Sans", "Myriad Pro", sans-serif;
	color: #000000;
	margin-left: 198px;
	margin-right: 198px;
	padding-bottom: 47px;
	text-shadow: 0px 0px;
}

#videos #back {
	font-size: 18px;
	text-shadow: 0 0px 0px;
	background-color: #000000;
	margin-left: 400px;
	margin-right: 400px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#gridChart {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#gridChart p {
	text-align: center;
}