锘?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
鎮ㄨ鏌ユ壘鐨勯〉闈笉瀛樺湪銆?
棣栭〉
主站蜘蛛池模板：
托克逊县|
黄山市|
怀仁县|
泰顺县|
伊吾县|
霍城县|
彭山县|
浑源县|
吉隆县|
咸丰县|
淳安县|
吉木乃县|
多伦县|
宁强县|
双鸭山市|
泸溪县|
峨边|
兴化市|
呼伦贝尔市|
昭平县|
会理县|
凉山|
天全县|
德庆县|
孝昌县|
定远县|
喀喇沁旗|
四平市|
宁武县|
元氏县|
西和县|
花莲市|
保定市|
留坝县|
江门市|
铜陵市|
富蕴县|
阳山县|
中卫市|
商水县|
汉中市|