@import url('reset.css');
*{box-sizing: border-box;}

 @font-face {
 					font-family: 'pixChicago';
 					src: url('../fonts/PixChicago.eot');
	}
 
 @font-face {
 					font-family: 'pixChicago';
 					src: url('../fonts/PixChicago.woff') format('woff'),
 					url('../fonts/PixChicago.svg#pixChicago') format('svg');
	}

@font-face {
					font-family: 'Panoptica-Pixel';
					src: url('../fonts/Panoptica-Pixel.eot');
 }

@font-face {
					font-family: 'Panoptica-Pixel';
					src: url('../fonts/Panoptica-Pixel.woff') format('woff'),
					url('../fonts/Panoptica-Pixel.svg#Panoptica-Pixel') format('svg');
 }
 
a {
	text-decoration: none;
}
a:hover {
	color: #ff404b;
}


h1 {
	font-family: 'pixChicago', menlo, Monaco, monospace;
	font-size: 120px;
	color: #1A1A49;
	font-weight: 400;
	line-height: .7;
}

h2 {
	font-family: 'pixChicago', menlo, Monaco, monospace;
	font-size: 30px;
	color: #1A1A49;
	/* font-weight: 400; */
}

h3 {
	font-family: 'Panoptica-Pixel', menlo, Monaco, monospace;
	font-size: 16px;
	color: #1A1A49;
	/* font-weight: 400; */
}

h4 {
	font-family: 'pixChicago', menlo, Monaco, monospace;
	font-size: 24px;
	color: #1A1A49;
	padding-bottom: 10px;
	text-decoration: underline;
}

h5 {
	font-family: 'pixChicago', menlo, Monaco, monospace;
	font-size: 18px;
	color: #1A1A49;
}

strong {
	font-family: 'pixChicago', menlo, Monaco, monospace;
	font-size: 24px;
	color: #1A1A49;
}

p {
	font-family: 'Panoptica-Pixel', menlo, Monaco, monospace;
	font-size: 18px;
	color: #1A1A49;
	padding-bottom: 10px;
}


body {
	background-color: #00EDFF;
}
	
#container{
	width: 604px;
	height: 862px;	
	margin: 85px auto;
	padding: -10px;	
}
	
.title_box{
	width: 604px;
	height: 147px;
	background-color: #fff;
	margin-bottom: 16px;
	padding: 15px;
}
	
.act_1_box{
	width: 604px;
	height: 699px;
	background-color: #fff;
	overflow-y: scroll;
	margin-right: 15px;
	padding: 5px;
	padding-left: 15px;
	padding-right: 20px;
	-webkit-overflow-scrolling: touch;
}

.popup {
	position: fixed;
}