User:星绫/styles.css

/* For personal mainpage */

.body {
			background-color: #e4eff3;
			height: 1000px;
			}


			.box {
			font-family: Georgia;

			position: absolute;
			left: 50%;
			top: 400px;
			margin-left: -300px;
			margin-top: -300px;
			width: 600px;
			height: 600px;
			background: #ffffff;
			line-height: 72px;
			font-size: 36px;
			text-align: center;

			border-radius: 2%;

			background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #f8fafb 50.1%, #f8fafb 50.9%, #f7fbfc 51%, #f7fbfc
			100%);

			}

			.circleImg {
			border-radius: 100%;
			width: 100px;
			height: 100px;

			position: absolute;
			z-index: 2;
			left: 50%;
			top: 102.5px;
			margin-left: -50px;
			margin-top: -50px;

			border-style: solid;
			border-width: 2.5px;
			border-color: #FFFFFF;

			background:url('https://upload.wikimedia.org/wikipedia/commons/4/45/Hubble%27s_Last_Look_at_Comet_ISON_Before_Perihelion.jpg');
			background-size:cover;
			}

			.name {
			font-family: 微软雅黑,宋体;
			margin-top: 100px;
			}

			.text {
			margin-top: 100px;
			}

			.small {
			font-size: 24px;
			}

			@media all and ( max-width: 720px ) {

			.box{
			width: 90%;
			margin-left:-45%;
			font-size: 32px;
			}

			.small {
			font-size: 20px;
			}

			}