锘?style>
/* ==========================================================================
Base Styles - ! HTML5 Boilerplate v5.0 | MIT License | //h5bp.com/
========================================================================== */
html,
body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
a{
color: #4384F5;
text-decoration: none;
}
a:hover{
opacity: 0.8;
}
svg {
vertical-align: middle;
}
/* ==========================================================================
Main Styles
========================================================================== */
.container {
display: table;
font-family: 'Open Sans', sans-serif;
height: 100%;
width: 100%;
background: #fff;
}
.content{
display: table-cell;
font-size: 22px;
text-align: center;
vertical-align: middle;
padding: 40px 30px;
}
.inner-wrapper{
display: inline-block;
}
.top-title{
color: #4384F5;
font-size: 35px;
font-weight: 700;
margin-bottom: 25px;
}
.main-title{
line-height: 0;
font-size: 90px;
font-weight: 800;
color: #4384F5;
}
.svg-wrap{
display: inline-block;
font-size: 0;
vertical-align: super;
}
#lego{
padding: 5px;
}
.blurb{
margin-top: 30px;
color: #B6BECC;
}
.lego-btn{
background: #4384F5;
border-radius: 4px;
color: #fff;
display: inline-block;
margin-top: 30px;
padding: 12px 25px;
}
/* ==========================================================================
Media Queries
========================================================================== */
@media only screen and (max-width: 440px){
.main-title{
font-size: 60px;
}
#lego{
width: 50px;
height: 55px;
padding: 10px 5px;
}
.blurb,
.lego-btn{
font-size: 18px;
}
}
鍑洪敊浜?
4
4
鎮ㄨ鏌ユ壘鐨勯〉闈笉瀛樺湪銆?
棣栭〉
主站蜘蛛池模板：
汕尾市|
巴马|
台东县|
格尔木市|
白银市|
西乡县|
晴隆县|
全椒县|
襄城县|
历史|
涿鹿县|
永寿县|
新沂市|
玉环县|
修水县|
黎川县|
韶山市|
鹰潭市|
东辽县|
彭阳县|
景东|
哈密市|
稻城县|
东至县|
花莲市|
揭东县|
建平县|
来宾市|
文化|
鄂州市|
浑源县|
奉节县|
澳门|
依安县|
新沂市|
武汉市|
永川市|
普定县|
循化|
东乡县|
内乡县|