@font-face {
  font-family: "AcidSerif";
  src: url("AC-Serif.ttf");
}
@font-face {
  font-family: "ACplain";
  src: url("AC-TotallyPlain.ttf");
}
@font-face {
  font-family: "ACfat";
  src: url("AC-FatCondensed_Unicode.ttf");
  
}
@font-face {
  font-family: "ACdiary";
  src: url("AC-DiaryGirl_Unicode.ttf");
  
}


body {
	background-color:white;
	width:100%; 
	font-family: "AcidSerif";
	
	
}
video {

	display:inline; margin:10px; 
}
.siteTitle {
  font-family: "AcidSerif";
  font-size: 5em;
  background-color:white;
  text-align:center;
}

.siteVideo {
	width:100%; background-color:white; text-align:center;
}

.stickybutton {
	font-family: "ACfat";
	font-size:1.2em;
	color:white;
	font-weight:bold;
	/*margin:5px;*/
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	border-radius: 20px;
	display:inline-block;
	width:15%;
	min-width:200px;
	background-color:darkred;
	cursor: pointer;
}
#overlay {
		display: none;
		position: absolute;
		top: 0;
		bottom: 0;
		background: #999;
		width: 100%;
		opacity: 0.8;
		z-index: 100;
	}

#popup {
		display: none;
		position: absolute;
		top:0;
		left:0;
		background: #fff;
		width: 80%;
		margin-left:10%; 
		margin-top:10% ; 
		z-index: 200;
	}

#popupclose {
		float: right;
		padding: 10px;
		cursor: pointer;
		font-size:1em;
		font-weight: bold;
		cursor:pointer;
	}

.popupcontent {
		padding: 10px;
	}
	
h3 {
		font-family: "AcidSerif";
		color:crimson;
		font-size:1.2em;	
}
.scrolling-wrapper {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
	width:100%;
	height:300px;
	scrollbar-width: thin;
}
.simg { 
	float:left;
	max-width:200px;
	width:35%;
	cursor:pointer ;
}

.card {
	white-space: normal;
    display: inline-block;
	border-bottom:solid;
	border-color:darkred;
	padding:0.3em;
	margin:0.5em;
	width:40%;
	height:200px;
	text-align:center;
	font-family:Roboto; 
	font-size:0.8em; 
	overflow-y: auto;
	scrollbar-width: thin;
  }
 

.ctitle {
	
	font-family:"ACdiary";
	font-size:0.8em;
	text-align:left;
	cursor:pointer ;
	text-decoration:underline;
	
}

#ctext {
	font-size:1.2em; 
	line-height: 1.8;
	font-family: 'Roboto Slab', sans-serif;
	color: #262626;
	margin:5em;
	margin-top:0;
}
.photos {
		width:50%;
		max-width:640px;
		max-height:640px;
		margin:5px;
 }