锘?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
鎮(zhèn)ㄨ鏌ユ壘鐨勯〉闈笉瀛樺湪銆?
棣栭〉
主站蜘蛛池模板：
桐城市|
苗栗县|
成安县|
漳州市|
武陟县|
左权县|
桂林市|
桐乡市|
习水县|
灌云县|
城口县|
鹿泉市|
丰顺县|
嘉荫县|
阳信县|
赤城县|
天镇县|
龙江县|
济阳县|
日照市|
丰城市|
陆河县|
梅河口市|
盐边县|
西峡县|
章丘市|
岢岚县|
乌鲁木齐县|
三亚市|
丹东市|
东丽区|
嘉禾县|
仙居县|
财经|
博爱县|
米泉市|
陈巴尔虎旗|
定边县|
东乌珠穆沁旗|
巧家县|
乌鲁木齐市|