style <main> tag, dont wrap entire page into form

[webpoll] / webpoll.css

diff --git a/webpoll.css b/webpoll.css
index 7b1579f7b49ed5f68358e142eb47824f10a254c6..98690038d4bb6dc37e57b2a7d6db7b149165d457 100644 (file)
--- a/webpoll.css
+++ b/webpoll.css
@@ -5,20 +5,20 @@ body {
     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%;
 }