/* ------------------- Font ------------------- */
@font-face
{
	font-family: 'scripint';
	src: url('fonts/scripint.ttf') format('truetype');
}

/* ------------------- Body ------------------- */

body
{
	background-color: white;
	margin: 0px;
	font-family: georgia;
}

/* ------------------- Navigation ------------------- */

nav
{
	width: 100%;
	height: 75px;
	position: fixed;
	top: 0px;
	background: #6da2aa;
	z-index: 2;
}

nav .first_letter
{
	text-decoration: underline;
	color: #EFD3B3;
}

nav ul
{
	display: flex;
	list-style-type: none;
	justify-content: center;
}

nav li
{
	margin: 0px 100px;
	margin-top: 5px;
}

nav a
{
	text-decoration: none;
	color: white;
	font-size: 1.8em;
}

nav a:hover
{
	text-decoration: underline;
}

/* ------------------- Sections ------------------- */

section
{
	padding: 10px 0px;
}

.title
{
	text-align: center;
}

.title h3
{
	font-size: 30px;
	margin: 10px 0px 20px 10px;
	text-transform: uppercase;
}

.title h3::first-letter
{
	font-size: 150%;
	color: #EFD3B3;
}

/* ------------------- Anchors ------------------- */

.anchor_top
{
	margin: 5px;
}

.anchor_top a
{
	color: black;
	text-decoration: none;
}

.anchor_top a:hover
{
	color: darkgrey;
	text-decoration: underline;
}

#introduction_anchor, #members_anchor, #presentations_anchor
{
	position: relative;
	top: -75px;
}

/* ------------------- Table of Content ------------------- */

#content_table
{
	margin-top: 75px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

#content_table .title h3
{
	margin-bottom: 0px;
}

#content_table .title p
{
	margin-top: 5px;
	font-size: large;
	color: #efd3b3;
}

#content_table img
{
	width: 350px;
}

#content_table figure
{
	margin: 5px;
}

#ct_container1, #ct_container2
{
	display: flex;
}

#ct_container1 figcaption, #ct_container2 figcaption
{
	position: absolute;
	width: 350px;
	height: 20px;
	background: #efd3b3;
	opacity: 0;
	text-align: center;
	padding: 35px 0px;
}

#ct_container1 figcaption
{
	top: 455px;
}

#ct_container2 figcaption
{
	top: 819px;
}

#content_table figure:hover figcaption
{
	opacity: 0.65;
}

/* ------------------- Introduction ------------------- */

#introduction
{
	background-color: #6da2aa;
	display: flex;
	flex-direction: column;
	align-items: center;
}

#introduction .title h3, #introduction .anchor_top a
{
	color: white;
}

#introduction img
{
	width: 350px;
	margin: 5px 5px;
}

#intro_container3 img
{
	width: 500px;
}

/* ------------------- Introduction ------------------- */


#members
{
	display: flex;
	flex-direction: column;
	align-items: center;
}

#members img
{
	width: 350px;
	margin: 5px 5px;
}

#members_container3 img
{
	width: 500px;
}

/* ------------------- Presentations ------------------- */

#presentations
{
	background-color: #6da2aa;
	display: flex;
	flex-direction: column;
	align-items: center;
}

#presentations .title h3, #presentations .anchor_top a
{
	color: white;
}

#presentations img
{
	width: 350px;
	margin: 5px 5px;
}

#presentations_container5 img
{
	width: 500px;
}

/* ------------------- Exhibitions ------------------- */

#exhibitions
{
	display: flex;
	flex-direction: column;
	align-items: center;
}

#exhibitions img
{
	width: 350px;
	margin: 5px 5px;
}