linear-gradient(90deg, transparent 25%, rgba(102,170,255,.5) 25% 50%, transparent 50% 75%, rgba(102,255,255,.5) 75%);
}
-body > form {
+body > main {
background-color: rgba(255,255,255,.75) ;
padding: 1em; margin: 1em auto 1em auto;
border-radius: .5ex;
box-shadow: #000 .125em .125em 1em;
}
-body.home form {
+body.home main {
position: fixed;
left: 50%; top: 50%;
transform: translate(-50%, -50%);
}
-body.poll form {
+body.poll main {
text-align: center;
max-width: 95%;
}
margin: 0 -1.75pt;
}
-body.newdate form {
+body.newdate main {
text-align: center;
max-width: 100%;
}
margin: .5em 0 1em 0;
}
-body.newdate form { width: 26em; }
+body.newdate main { width: 26em; }
body.newdate form input[name=title],
body.newdate form textarea[name=description] {
width: 100%;
}
@media(min-width: 50em) {
- body.newdate form { width: 50em; }
+ body.newdate main { width: 50em; }
body.newdate form input[name=title],
body.newdate form textarea[name=description] {
width: 100%;