/* ***********************************************************************
**************************************************************************
*******_________________**************************************************
*******`***************,*******************************THIS PAGE WAS******
********`*************,**********************************MADE BY**********
*********`***********,***********************************LUISA!***********
**********|*********|*.___.********.___.**********************************
**********|*********|*|***|********|***|**********************************
**********|*********|*|***|********|***|**********************************
**********|*********|*|***|********|***|**********************************
**********|*********|*|***|********|***|**********************************
**********|*********|*|***|********|***|**********************************
**********|*********|*|***|********|***|*****|****************************
**********|*********|*|***|********|***|****,|****************************
**********|*********|*|***|********|***|***,*|****************************
**********|*********|*|***|________|***|**,**|****************************
**********|*********|*`****************'*,***|****************************
**********|*********|*`_______________'*,****|****************************
*********,**********|******************,*****|****************************
********,***********|_________________,******|****************************
*******,*************************************|****************************
******,______________________________________|****************************
**************************************************************************
*********************************************************************** */
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

#nav {
	margin-top: 1%;
	margin-bottom: 2%;
}


body {
	background-color: seashell;
	text-align: center;
}

/* These tags are for the main site*/
ul {
	list-style-type: none;
	text-align: center;
	font-size: 1.3vw;
	
}a

		li {
			list-style-type: none;
			display: inline-block;
			margin: 0 0.5vw;
			line-height: 28px;
		}

		a:hover {
			background-color: lemonchiffon;
			color: black;
		}

		.current-page {
			background-color: lavender;
			color: black;
			text-decoration: underline;
		}


h1{
	font-family: 'Lucida Sans', 'Lucida Sans Regular';
	color: mediumpurple;
	font-size: 72pt;
	text-align: center;
}

h2{
	font-family: "Futura", Arial, sans-serif;
	color: brown;
	font-size: 38pt;
	text-align: center;
}

h3{
	font-family: "Roboto" sans-serif, monospace;
	color: #483d8d;
	font-size: 25pt;
	text-align: center;
}

p {
	font-size: 20pt;
	text-align: center;
	margin: 2%;
	padding: 1%;
}

.paula-bio {
	text-align: left;
	margin-top: 3%;
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 3%;
}

/* These tags are for the getting to know url nav bar*/
#nav ul{
	font-size: 20pt;
	list-style-type: none;
	display: inline-block;
	margin: 0 0.5vw;
}

#nav li{
	display: inline-block;
	margin: 0 0.5vw;
}


/* These tags are for the research market*/
.midnight-blue{
	font-size: 32pt;
	color: midnightblue;
	text-align: left;
	text-decoration: underline;
	margin: 2%;
}

.project-one li {
	margin: 3%;
	text-decoration: none;
	list-style-type: circle;
	font-size: 25pt;
}

.competitors{
	font-size: 26pt;
	text-align: left;
	text-decoration: underline;
	margin: 2%;
}

ul.project-one{
	list-style-type: disc;
	text-align: left;
	font-size: 2vw;
}

/* This tag is for my logo on getting to know you page*/ 
p.ascii {
	font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
	font-size: 1.2vw;
}


/* Revised Comps. Two image containers (use 25% for four, and 50% for two, etc) */
.image-column {
  float: left;
  width: 50%;
  padding: 5px;
}

.image-row::after {
  content: "";
  clear: both;
  display: table;
}


/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 500px) {
  .image-column {
    width: 100%;
  }
}
