|
@@ -61,22 +61,31 @@
|
|
|
font-size: 24px;
|
|
|
outline: none;
|
|
|
border:none;
|
|
|
- margin: 5% 20px 5% 20px;
|
|
|
+ margin: 20px 5% 20px 5%;
|
|
|
}
|
|
|
|
|
|
- @media (max-width:900px) {
|
|
|
+ @media (max-width:1000px) {
|
|
|
+
|
|
|
+ body {
|
|
|
+ background-image: url(https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F03799d65aac74f7a80121246d63d56e.jpg&refer=http%3A%2F%2Fimg.zcool.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1624787496&t=c1bdff990bebe93bcafa07d2a1a09fcc);
|
|
|
+ background-position: center top;
|
|
|
+ background-size: 100% auto;
|
|
|
+ color:rgb(255, 255, 255);
|
|
|
+ font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
|
|
+ }
|
|
|
+
|
|
|
#title-div {
|
|
|
- width: 98%;
|
|
|
+ width: 100%;
|
|
|
margin: auto;
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
#form-div {
|
|
|
- background-color: hsla(276, 31%, 20%, 0.8);
|
|
|
- width: 98%;
|
|
|
- margin: 40px auto 40px auto;
|
|
|
+ background-color: hsla(209, 94%, 21%, 0.8);
|
|
|
+ width: 100%;
|
|
|
+ margin: 4px auto 4px auto;
|
|
|
padding-top: 40px;
|
|
|
- border-radius: 4px;
|
|
|
+ border-radius: 10px;
|
|
|
}
|
|
|
}
|
|
|
|