home background image to webp

src/main/resources/static/css/master.css

@@ -1,44 +1,27 @@
-/* .myClass {
-	color: red;
-} */
-
-
-/* https://arcusiridis.com/images/background.jpg */
-
 body {
   background: #333;
   color: #ffffff;
-    /* background-image: url('https://bluestnight.com/images/background_lg.jpg'); */
 }
 
-
-/* #body-container {
-	margin: 0 auto 0 auto;
-	max-width: 80%;
-	vertical-align: auto; 
-} 
-*/
-
 input[type="radio"] {
-    /*position:fixed;*/
   opacity: 0;
 }
 
-input[type=radio]+label {
+input[type="radio"] + label {
   font-weight: normal;
 }
 
-input[type=radio]:checked+label {
+input[type="radio"]:checked + label {
   font-weight: bold;
   background-color: #566069;
 }
 
-input[type=radio]:focus+label {
+input[type="radio"]:focus + label {
   border: 1px dotted #000;
 }
 
 #home-section {
-    background-image: url('../img/home.jpg');
+  background-image: url("../img/home.webp");
   background-repeat: no-repeat;
   background-size: cover;
   background-attachment: fixed;
@@ -52,7 +35,6 @@ input[type=radio]:focus+label {
   /* background: #333; */
 }
 
-
 /* #home-section .card-form {
     opacity: 0.8;
 } */
@@ -100,7 +82,6 @@ textarea {
   min-height: 300px;
 }
 
-
 /* .container {
     width: 50%;
 } */
@@ -109,7 +90,6 @@ textarea {
   width: 80%;
 }
 
-
 /* #login-card {
     width: 40%;
 } */