俏皮的大船/p CSSS俏皮的大船/p
@ import URL (https://fonts.googleapis.com/CSS？ family=Lato:300；
body {
后台：线性梯度(tobottom、#222 0%、#2f2f2f 50%、#222 100% )；
padding: 0；
margin: 0；
height: 100vh；
width: 100vw；
color: #fff8d6；
字体系列： ' lato '，sans-serif；
line-height: 200%；
font-size: 24px；
显示： Flex；
align-items3360中心；
justify-content: center；
flex-direction: column；
}
块队列{
width: 50%；
max-width: 1000px；
}
输入{
后台： # ff 5500；
border: solid 1px #ffa76b；
padding: 10px；
字体系列： ' lato '，sans-serif；
color: #fff8d6；
font-size: 32px；
width: 40%；
max-width: 800px；
}
input:focus {
outline: solid 1px #fff8d6；
}
input :3360-WebKit-input-placeholder {
color: #ff9656；
}
input:-moz-placeholder {
/* Firefox 18- */
color: #ff9656；
}
input :3360-moz-placeholder {
/* Firefox 19雪白的老师/
color: #ff9656；
}
input :-ms-input-placeholder {
color: #ff9656；
}
span {
背景3360线性梯度(tobottom，rgba ) 255、85、0、0 )、rgba ) 255、85、0、0 )、#ff5500 ) 45%，
}