@charset "UTF-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700,700italic);body,html{height:100%;width:100%;margin:0;padding:0;left:0;top:0;font-size:100%}.center,.container{margin-left:auto;margin-right:auto}*{font-family:Lato,Helvetica,sans-serif;color:#333447;line-height:1.5}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.375rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{font-size:1.125rem;font-weight:200;line-height:1.8}.font-light{font-weight:300}.font-regular{font-weight:400}.font-heavy{font-weight:700}.left{text-align:left}.right{text-align:right}.center{text-align:center}.justify{text-align:justify}.container{width:90%}.row{position:relative;width:100%}.row [class^=col]{float:left;margin:.5rem 2%;min-height:.125rem}.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{width:96%}.col-1-sm{width:4.33%}.col-2-sm{width:12.66%}.col-3-sm{width:21%}.col-4-sm{width:29.33%}.col-5-sm{width:37.66%}.col-6-sm{width:46%}.col-7-sm{width:54.33%}.col-8-sm{width:62.66%}.col-9-sm{width:71%}.col-10-sm{width:79.33%}.col-11-sm{width:87.66%}.col-12-sm{width:96%}.row::after{content:"";display:table;clear:both}.hidden-sm{display:none}
@media only screen and (min-width:33.75em){.container{width:80%}
}@media only screen and (min-width:45em){.col-1{width:4.33%}.col-2{width:12.66%}.col-3{width:21%}.col-4{width:29.33%}.col-5{width:37.66%}.col-6{width:46%}.col-7{width:54.33%}.col-8{width:62.66%}.col-9{width:71%}.col-10{width:79.33%}.col-11{width:87.66%}.col-12{width:96%}.hidden-sm{display:block}}
@media only screen and (min-width:60em){.container{width:75%;max-width:60rem}}
@media only screen and (min-width: 720px) {
  .hidden-lg {
    display: none;
  }
}
/*-------------------SPACE-------------------*/
/*-------------------FONTS-------------------*/
/*-------------------SPACE-------------------*/
@font-face {
  font-family: "EB Garamond";
  src: url("fonts/ebgaramond/EBGaramond-VariableFont_wght.ttf") format("ttf");
  font-weight: bold;
  font-style: normal;
}
.element-with-custom-font {
  font-family: "EB Garamond", sans-serif;
}
@font-face {
  font-family: "IM Fell Great Primer SC";
  src: url("fonts/imfellgreatprimersc/IMFellGreatPrimerSC-Regular.ttf") format("ttf");
  font-weight: normal; 
  font-style: normal;
}
.im-fell-great-primer-sc-regular {
  font-family: "IM Fell Great Primer SC", serif;
  font-weight: 400;
  font-style: normal;
}
.eb-garamond {
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.eb-garamond {
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
}
.eb-garamond {
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.eb-garamond {
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
.eb-garamond {
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.eb-garamond {
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
h1 {
  font-family: "EB Garamond", sans-serif;
}
h2 {
  font-family: "IM Fell Great Primer SC", sans-serif;
}
h3 {
  font-family: "IM Fell Great Primer SC", sans-serif;
}
p {
  font-family: "EB Garamond", sans-serif;
}
/*-------------------SPACE-------------------*/
/*-------------------BODY-------------------*/
/*-------------------SPACE-------------------*/
body {
  background-image: url("mainimages/background.png");
  background-size: cover;
  background-attachment: scroll;
  background-position: center center;
}
footer {
	background: rgba(56,31,89, .70);
	text-align: center;
	padding: 0px 0px;
	position: fixed;
	bottom:0;
	width: 100%
}
.img {
   max-width: 100%;
   height: auto;
   display: block;
}
/*-------------------SPACE-------------------*/
/*-------------------NAV MENU-------------------*/
/*-------------------SPACE-------------------*/
body {
  margin: 0;
  font-family: "EB Garamond", serif;
}
.topnav {
  overflow: hidden;
  background-color: none;
	position: fixed;
	top: 0;
	z-index: 1000;
	width: 100%;
}
.topnav a {
  float: left;
  display: block;
  color: rgba(202, 180, 215, 1.00);
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}
.topnav a:hover.split {
  background-color: rgba(202, 180, 215, 1.00);
  color: rgba(202, 180, 215, 1.00);
}
.topnav a.active {
  background-color: none;
  color: rgba(202, 180, 215, 1.00);
}
.topnav a.split {
  float: right;
  background-color: none;
  color: rgba(202, 180, 215, 1.00);
}
.topnav .icon {
  display: none;
}
@media screen and (max-width: 700px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
	  z-index: 1000;
  }
}
@media screen and (max-width: 700px) {
  .topnav.responsive {position: sticky; top: 0; z-index: 1000;}
  .topnav.responsive .icon {
    position: sticky;
    right: 0;
    top: 0;
	  z-index: 1000;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
	  z-index: 1000;
  }
}
/*-------------------SPACE-------------------*/
/*-------------------TEXT-------------------*/
/*-------------------SPACE-------------------*/
.h1header {
  font-family: "EB Garamond";
  font-weight: bold;
  font-size: 25px;
  color: rgba(56,31,89, 1.00);
}
a:link {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
	text-decoration-color: rgba(242, 226, 206, 1.00);
}
a:active {
  text-decoration: underline;
}
.h2ctasmall {
	font-family: "IM Fell Great Primer SC";
  	font-size: 30px;
    color: rgba(167,45,55, 1.00);
	text-align: center;
	padding: 80px 10px 5px 10px;
	text-decoration: none;
}
.h1pages {
	font-family: "EB Garamond";
	font-weight: bold;
	font-size: 40px;
	color: rgba(56,31,89, 1.00);
	text-align: center;
}
.h2pages {
	font-family: "IM Fell Great Primer SC";
  	font-size: 25px;
    color: rgba(167,45,55, 1.00);
	text-align: center;
}
.h2pagescon {
	font-family: "IM Fell Great Primer SC";
  	font-size: 25px;
    color: rgba(167,45,55, 1.00);
	text-align: left;
}
.h3pages {
	font-family: "IM Fell Great Primer SC";
  	font-size: 20px;
    color: rgba(56,31,89, 1.00);
	text-align: center;
}
.h3pagescon {
	font-family: "IM Fell Great Primer SC";
  	font-size: 20px;
    color: rgba(56,31,89, 1.00);
	text-align: left;
}
.ppages {
	font-family: "EB Garamond";
	font-weight:normal;
	font-size: 18px;
	color: rgba(56,31,89, 1.00);
	text-align: left;
}
.ppagessm {
	font-family: "EB Garamond";
	font-weight:normal;
	font-size: 16px;
	color: rgba(56,31,89, 1.00);
	text-align: center;
}
.h1pagessm {
	font-family: "EB Garamond";
  font-weight: bold;
  font-size: 25px;
  color: rgba(56,31,89, 1.00);}
.h2pagessm {font-family: "IM Fell Great Primer SC";
  	font-size: 18px;
    color: rgba(167,45,55, 1.00);
	text-align: center;
}
.h3pagessm {
	font-family: "IM Fell Great Primer SC";
	font-size: 16px;
    color: rgba(56,31,89, 1.00);
	text-align: center;
}
/*-------------------SPACE-------------------*/
/*-------------------BREAKS-------------------*/
/*-------------------SPACE-------------------*/
.break {height: 120px; width: 100%}
.break2 {height: 150px; width: 100%}
/*-------------------SPACE-------------------*/
/*-------------------CONTENT-------------------*/
/*-------------------SPACE-------------------*/
/*-------------------MAINPAGE-------------------*/
.mainframe {
	object-fit: contain;
	padding: 80px 80px 20px 5px;
}
/*.image-container {
  background-image: url('path/to/your/image.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 20px;
  color: white;
  text-align: center;
} */
/*.centered {
  font-family: "IM Fell Great Primer SC";
  font-size: 25px;
  color: rgba(167,45,55, 1.00);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.centered2 {
  font-family: "IM Fell Great Primer SC";
  font-size: 25px;
  color: rgba(56,31,89, 1.00);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
/*-------------------PROJECTS-------------------*/
.content1 {
	width: 100%;
	height: auto;
	background-image: url("projects/blockbackground22.png");
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center;
	padding: 20px 60px 40px 60px;
	max-width: 100%x;
}
.content1sm {
	width: 100%;
	height: auto;
	background-image: url("projects/blockbackground22.png");
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center;
	padding: 10px 10px 10px 10px;
	max-width: 100%x;
}
/*-------------------ABOUT-------------------*/
.content2 {
	width: 100%;
	height: auto;
	background-image: url("about/blockbackground22.png");
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center;
	padding: 110px 60px 110px 60px;
	max-width: 100%x;
}
.content2sm {
	width: 100%;
	height: auto;
	background-image: url("about/blockbackground2.png");
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center;
	padding: 90px 60px 90px 60px;
	max-width: 100%x;
}
/*-------------------RESUME-------------------*/
.content3 {
	width: 100%;
	height: auto;
	background-image: url("resume/blockbackground1.png");
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center;
	padding: 40px 60px 40px 60px;
	max-width: 100%x;
}
.content31 {
	width: 100%;
	height: auto;
	background-image: url("resume/blockbackground2.png");
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center;
	padding: 60px 60px 40px 60px;
	max-width: 100%x;
}
.slideframe {
	border: solid 15px rgba(56,31,89, 0.10);
	background-color: rgba(56,31,89, 0.10);
}
.imgre {
   max-width: 100%;
   height: auto;
   display: block;
   text-align: center;
   position: center;
}
.content3sm {
	width: 100%;
	height: auto;
	background-image: url("resume/blockbackground2.png");
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center;
	padding: 60px 40px 60px 40px;
	max-width: 100%x;
}
* {
	box-sizing: border-box
}
.mySlides {
	display: none
}
.mySlides2 {
	display: none
}
.imgs {
	vertical-align: middle;
}
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: rgba(56,31,89, 1.00);
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}
.prev:hover, .next:hover {
  background-color: rgba(167,45,55, 1.00);
}
.text {
  font-family: "EB Garamond";
  background-color: rgba(202, 180, 215, 0.80);
  color: rgba(167,45,55, 1.00);
  font-size: 18px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}
.numbertext {
  font-family: "EB Garamond";
  background-color: rgba(202, 180, 215, 0.80);
  color: rgba(167,45,55, 1.00);
  font-size: 16px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}
@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}
/*-------------------CONTACT-------------------*/
.content4 {
	width: 100%;
	height: auto;
	background-image: url("contact/blockbackground.png");
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center;
	padding: 20px 60px 40px 60px;
	max-width: 100%x;
}
.contactframe {
	border: solid 20px rgba(56,31,89, 0.30);
	background-color: rgba(56,31,89, 0.30);
}
.content4sm {
	width: 100%;
	height: auto;
	background-image: url("contact/blockbackground2.png");
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center;
	padding: 20px 60px 40px 60px;
	max-width: 100%x;
}
.title {
	font-family: "EB Garamond";
	font-weight:normal;
	font-size: 18px;
	color: rgba(56,31,89, 1.00);
	float:center;
	width:100%;
}
.title2 {
	font-family: "EB Garamond";
	font-weight:normal;
	font-size: 16px;
	color: rgba(56,31,89, 1.00);
	float:right;
	width:100%;
}
.submitbutton {
	width: 310px;
	text-align:center;
}
.submitbutton2 {
	width: 200px;
	text-align:center;
}
/*-------------------CONFIRMATION-------------------*/
.content {
	width: 100%;
	height: auto;
	background-image: url("contact/confirmation/blockbackground1.png");
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center;
	padding: 10px 10px 10px 10px;
	max-width: 100%x;
}
.contentsm {
	width: 100%;
	height: auto;
	background-image: url("contact/confirmation/blockbackground2.png");
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center;
	padding: 10px 10px 10px 10px;
	max-width: 100%x;
}