Remove unused CSS codes using PurifyCSS once more

Remove unused CSS codes using PurifyCSS

    npm install purify-css &&\
      node -e 'require("purify-css")(["index.html","static/main.js"],
        ["static/main.css"],{output:"static/main.css"})' &&\
      rm -rf node_modules package-lock.json

Reference:
  commit 9661068
  https://github.com/purifycss/purifycss

Author: simnalamburt

static/main.css

@@ -1,6 +1,6 @@
 @import url("https://fonts.googleapis.com/css?family=Roboto:400,700");
 
-html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,a,s,var,u,i,center,ul,li,form,label,footer,header {
+html,body,div,object,h1,h2,h3,h4,h5,h6,p,a,s,var,u,i,center,ul,li,footer,header {
   margin: 0;
   padding: 0;
   border: 0;
@@ -25,18 +25,6 @@ body {
   -webkit-text-size-adjust: none;
 }
 
-input::-moz-focus-inner {
-  border: 0;
-  padding: 0;
-}
-
-input {
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  -ms-appearance: none;
-  appearance: none;
-}
-
 /* Basic */
 
 @-ms-viewport {
@@ -265,7 +253,7 @@ body.is-preload #bg {
 
 /* Type */
 
-body,input {
+body {
   color: rgba(255, 255, 255, 0.75);
   font-family: "Roboto", sans-serif;
   font-size: 16pt;
@@ -275,31 +263,31 @@ body,input {
 }
 
 @media screen and (max-width: 1680px) {
-  body,  input {
+  body {
     font-size: 12pt;
   }
 }
 
 @media screen and (max-width: 1280px) {
-  body,  input {
+  body {
     font-size: 11pt;
   }
 }
 
 @media screen and (max-width: 980px) {
-  body,  input {
+  body {
     font-size: 12pt;
   }
 }
 
 @media screen and (max-width: 736px) {
-  body,  input {
+  body {
     font-size: 12pt;
   }
 }
 
 @media screen and (max-width: 480px) {
-  body,  input {
+  body {
     font-size: 12pt;
   }
 }
@@ -464,70 +452,6 @@ ul li {
 
 /* Form */
 
-form {
-  margin: 0 0 2em 0;
-}
-
-form .message {
-  text-decoration: none;
-  -moz-transition: opacity 0.2s ease-in-out, -moz-transform 0.2s ease-in-out;
-  -webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
-  -ms-transition: opacity 0.2s ease-in-out, -ms-transform 0.2s ease-in-out;
-  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
-  -moz-transform: scale(1.05);
-  -webkit-transform: scale(1.05);
-  -ms-transform: scale(1.05);
-  transform: scale(1.05);
-  height: 2.75em;
-  line-height: 2.75em;
-  opacity: 0;
-}
-
-form .message:before {
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-  font-family: FontAwesome;
-  font-style: normal;
-  font-weight: normal;
-  text-transform: none !important;
-}
-
-form .message:before {
-  margin-right: 0.5em;
-}
-
-form .message.visible {
-  -moz-transform: scale(1);
-  -webkit-transform: scale(1);
-  -ms-transform: scale(1);
-  transform: scale(1);
-  opacity: 1;
-}
-
-form .message.success {
-  color: #1cb495;
-}
-
-form .message.success:before {
-  content: '\f00c';
-}
-
-form .message.failure {
-  color: #ff2361;
-}
-
-form .message.failure:before {
-  content: '\f119';
-}
-
-label {
-  color: #fff;
-  display: block;
-  font-size: 0.9em;
-  font-weight: 700;
-  margin: 0 0 1em 0;
-}
-
 @-moz-keyframes focus {
   0% {
     -moz-transform: scale(1);
@@ -620,117 +544,6 @@ label {
   }
 }
 
-input[type="text"],input[type="password"],input[type="email"] {
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  -ms-appearance: none;
-  appearance: none;
-  -moz-transform: scale(1);
-  -webkit-transform: scale(1);
-  -ms-transform: scale(1);
-  transform: scale(1);
-  -moz-transition: border-color 0.2s ease, background-color 0.2s ease;
-  -webkit-transition: border-color 0.2s ease, background-color 0.2s ease;
-  -ms-transition: border-color 0.2s ease, background-color 0.2s ease;
-  transition: border-color 0.2s ease, background-color 0.2s ease;
-  background-color: transparent;
-  border-radius: 6px;
-  border: none;
-  border: solid 2px rgba(255, 255, 255, 0.35);
-  color: inherit;
-  display: block;
-  outline: 0;
-  padding: 0 1em;
-  text-decoration: none;
-  width: 100%;
-}
-
-input[type="text"]:invalid,input[type="password"]:invalid,input[type="email"]:invalid {
-  box-shadow: none;
-}
-
-input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus {
-  -moz-animation: focus 0.1s;
-  -webkit-animation: focus 0.1s;
-  -ms-animation: focus 0.1s;
-  animation: focus 0.1s;
-  background-color: rgba(255, 255, 255, 0.125);
-  border-color: #1cb495;
-}
-
-input[type="text"],input[type="password"],input[type="email"] {
-  height: 2.75em;
-}
-
-input[type="checkbox"],input[type="radio"] {
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  -ms-appearance: none;
-  appearance: none;
-  display: block;
-  float: left;
-  margin-right: -2em;
-  opacity: 0;
-  width: 1em;
-  z-index: -1;
-}
-
-input[type="checkbox"] + label,input[type="radio"] + label {
-  text-decoration: none;
-  color: rgba(255, 255, 255, 0.75);
-  cursor: pointer;
-  display: inline-block;
-  font-size: 1em;
-  font-weight: 400;
-  padding-left: 2.4em;
-  padding-right: 0.75em;
-  position: relative;
-}
-
-input[type="checkbox"] + label:before,input[type="radio"] + label:before {
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-  font-family: FontAwesome;
-  font-style: normal;
-  font-weight: normal;
-  text-transform: none !important;
-}
-
-input[type="checkbox"] + label:before,input[type="radio"] + label:before {
-  background: rgba(255, 255, 255, 0.125);
-  border-radius: 6px;
-  border: solid 2px rgba(255, 255, 255, 0.35);
-  content: '';
-  display: inline-block;
-  height: 1.65em;
-  left: 0;
-  line-height: 1.58125em;
-  position: absolute;
-  text-align: center;
-  top: 0;
-  width: 1.65em;
-}
-
-input[type="checkbox"]:checked + label:before,input[type="radio"]:checked + label:before {
-  background: #1cb495;
-  border-color: #1cb495;
-  color: #ffffff;
-  content: '\f00c';
-}
-
-input[type="checkbox"]:focus + label:before,input[type="radio"]:focus + label:before {
-  border-color: #1cb495;
-  box-shadow: 0 0 0 2px #1cb495;
-}
-
-input[type="checkbox"] + label:before {
-  border-radius: 6px;
-}
-
-input[type="radio"] + label:before {
-  border-radius: 100%;
-}
-
 ::-webkit-input-placeholder {
   color: rgba(255, 255, 255, 0.5) !important;
   opacity: 1.0;
@@ -753,48 +566,6 @@ input[type="radio"] + label:before {
 
 /* Button */
 
-input[type="submit"],input[type="reset"],input[type="button"] {
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  -ms-appearance: none;
-  appearance: none;
-  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-in-out;
-  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-in-out;
-  -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-in-out;
-  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-in-out;
-  background-color: #1cb495;
-  border-radius: 6px;
-  border: 0;
-  color: #ffffff !important;
-  cursor: pointer;
-  display: inline-block;
-  font-weight: 700;
-  height: 2.75em;
-  line-height: 2.75em;
-  padding: 0 1.125em;
-  text-align: center;
-  text-decoration: none;
-  white-space: nowrap;
-}
-
-input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover {
-  background-color: #1fcaa7;
-}
-
-input[type="submit"]:active,input[type="reset"]:active,input[type="button"]:active {
-  background-color: #199e83;
-}
-
-input[type="submit"].disabled,input[type="submit"]:disabled,input[type="reset"].disabled,input[type="reset"]:disabled,input[type="button"].disabled,input[type="button"]:disabled {
-  opacity: 0.5;
-}
-
-@media screen and (max-width: 480px) {
-  input[type="submit"],  input[type="reset"],  input[type="button"] {
-    padding: 0;
-  }
-}
-
 /* Header */
 
 header h1 {
@@ -829,53 +600,6 @@ header a {
 
 /* Signup Form */
 
-#signup-form {
-  display: -moz-flex;
-  display: -webkit-flex;
-  display: -ms-flex;
-  display: flex;
-  position: relative;
-}
-
-#signup-form input[type="text"],#signup-form input[type="password"],#signup-form input[type="email"] {
-  width: 18em;
-}
-
-#signup-form > * {
-  margin: 0 0 0 1em;
-}
-
-#signup-form > :first-child {
-  margin: 0 0 0 0;
-}
-
-@media screen and (max-width: 480px) {
-  #signup-form {
-    -moz-flex-direction: column;
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
-    flex-direction: column;
-  }
-
-  #signup-form input[type="type"],  #signup-form input[type="password"],  #signup-form input[type="email"] {
-    width: 100%;
-  }
-
-  #signup-form > * {
-    margin: 1.25em 0 0 0;
-  }
-
-  #signup-form .message {
-    bottom: -1.5em;
-    font-size: 0.9em;
-    height: 1em;
-    left: 0;
-    line-height: inherit;
-    margin-top: 0;
-    position: absolute;
-  }
-}
-
 /* Footer */
 
 footer {
@@ -938,4 +662,4 @@ footer > :last-child {
     margin: 1em 0 0 0;
     position: relative;
   }
-}
+}