锘?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)ㄨ鏌ユ壘鐨勯〉闈笉瀛樺湪銆?
棣栭〉
主站蜘蛛池模板：
龙川县|
营山县|
本溪市|
常山县|
兰西县|
白玉县|
大兴区|
阆中市|
康乐县|
阜新市|
绍兴县|
白玉县|
沧源|
司法|
峡江县|
仲巴县|
改则县|
肇庆市|
五指山市|
丹寨县|
东山县|
贵溪市|
闸北区|
毕节市|
鹤山市|
永吉县|
武功县|
禹城市|
昌黎县|
巴马|
玉环县|
浦县|
嫩江县|
邵东县|
应用必备|
岢岚县|
永和县|
诸城市|
博客|
汾阳市|
隆林|