* {

}

body {
	overflow-y: scroll;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
	color: #000000;
	background-image: url("img/expanding-cloud.gif");
	background-repeat: repeat;
	background-size: 350px;
}

.spacer {
	height: 300px;
}

#name-wrapper {
	padding-top: 10em;
	height: 10em;
	width: 900px;
	margin: auto;
	text-align: center;
	position: relative;
  top: 0;
  left: 0;
}

#sig_black {
	position:	relative;
  top: 0;
  left: 0;
	z-index: 10;
	cursor: pointer;
}
#sig_c {
	border: 0px;
	position: relative;
  top: -155px;
  left: 0;
	z-index: 9;
	display: none;
}
#sig_m {
	border: 0px;
	position: relative;
  top: -310px;
  left: 0;
	z-index: 8;
	display: none;
}
#sig_y {
	border: 0px;
	position: relative;
  top: -465px;
  left: 0;
	z-index: 7;
	display: none;
}

#bar {
	padding-top: 4em;
	text-align: center;
	font-family: "Cutive Mono";
	font-size: 18pt;

	/* display: none; */
}

.entry {
	padding: 0.9em;
	width: 10%;
	display: inline-block;
}

#about,#contact {
	cursor: pointer;
	background-color: #000000;
	color: #ffffff;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	padding-right: 1em;

	transition: background-color 0.3s;
}

#about:hover {
	/* font-family: "Noto Serif"; */
	background-color: #ff00ff;
}

#contact:hover {
	/* font-family: "Noto Serif"; */
	background-color: #00ffff;
}

#content {
	margin-top: 2em;
	margin-left: 12em;
	margin-right: 12em;
	font-family: 'Cutive Mono';
	font-size: 16pt;
	text-align: left;
}

#about-content, #contact-content, #publications {
	background-color: #efefef;
	color: #000000;
	padding: 0.7em;
	display: none;
}
#contact-content {
	text-align: center;
}

#orcid-note {
	font-size: 16pt;
}

#pubtitle {
	font-size: 20pt;
	/* text-decoration: underline; */
}
.fa_marker {
	font-size: 14pt;
	font-weight: bold;
}
.papertype {
	/* text-decoration: underline; */
}
.authors::before {
	content: '>';
}
.paper {
	padding-left: 0em;
}

#button {
	text-align: center;
	font-family: "Source Sans Pro";
	font-size: 16pt;
	width: 30%;
	margin-left: 12em;
	/* background-image: url("img/cloud2.gif"); */
	background-repeat: repeat;
	background-size: 200px;
}

#button-clicker {
	padding: 0.3em;
}









.link {
	cursor: pointer;
	text-decoration: none;
	background-color: #000000;
	animation: flash 1s linear infinite;
}
.paperlink {
	cursor: pointer;
	text-decoration: underline;
	color: #000000;
	/* background-color: #dddddd; */

	/* font-weight: bold; */
}
.paperlink:hover {
	background-color: #000000;
	animation: flash 0.6s linear infinite;
}

@keyframes flash {
	0% {color: #ffffff;}
	33% {color: #00ffff;}
	67% {color: #ff00ff;}
	100% {color: #ffff00;}
}

@keyframes blink {
	0% {text-decoration: underline;}
	25% {text-decoration: line-through;}
	50% {text-decoration: overline;}
	75% {text-decoration: line-through;}
	100% {text-decoration: underline;}
	/* 25% {color: #00a0d0;}
	50% {color: #0f001a;}
	75% {color: #f44cff;}
	100% {color: #fff03d;} */
}

/* wavy underline animation */
.wavy {
  color: #000000;
  border-bottom: 1px solid white;
  cursor: pointer;
}
.wavy:hover {
  border-bottom: none;
  padding-bottom: 2px;
  background-repeat: repeat;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='squiggle-link' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' viewBox='0 0 10 18'%3E%3Cstyle type='text/css'%3E.squiggle%7Banimation:shift .5s linear infinite;%7D@keyframes shift %7Bfrom %7Btransform:translateX(-10px);%7Dto %7Btransform:translateX(0);%7D%7D%3C/style%3E%3Cpath fill='none' stroke='black' stroke-width='1' class='squiggle' d='M0,17.5 c 2.5,0,2.5,-1.5,5,-1.5 s 2.5,1.5,5,1.5 c 2.5,0,2.5,-1.5,5,-1.5 s 2.5,1.5,5,1.5' /%3E%3C/svg%3E");
}