濑瀜/styles.css

/** 顶部渐变 **/
.header_gadient {
	background: linear-gradient(to top, #016F8A, black); 
	padding-top: 0.625rem;
}

@media screen and (max-width: 480px) {
	.main_header {
		font-size:2rem; 
		color: white; 
		text-shadow: 0 0 0.5rem lightblue, 0 0 0.5rem white;
	}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	.main_header {
		font-size:3.5rem; 
		color: white; 
		text-shadow: 0 0 0.5rem lightblue, 0 0 0.5rem white;
	}
}

@media screen and (min-width: 769px) {
	.main_header {
		font-size:5rem; 
		color: white; 
		text-shadow: 0 0 0.5rem lightblue, 0 0 0.5rem white;
	}
}

@media screen and (min-width: 769px) {
	.content_box {
		width:75%; 
		margin: 0 auto;
		font-family:'Cambria','Microsoft Yahei';
	}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	.content_box {
		width:88%; 
		margin: 0 auto;
		font-family:'Cambria','Microsoft Yahei';
	}
}

img.x30width {
    width: 30%;
    height: auto;
    overflow: hidden;
    margin:0;
    padding:0;
}

@media screen and (max-width: 480px) {
	.content_box {
		width:100%; 
		margin: 0 auto;
		font-family:'Cambria','Microsoft Yahei';
	}
}