Update stylesheet with fixes from stylelint; ignore one rule that is a

bit trickier

src/assets/downloads/style.css

@@ -1,4 +1,5 @@
-@import url(https://fonts.googleapis.com/css?family=Lato:300,300italic,400,700,700italic);
+/* stylelint-disable no-descending-specificity */
+@import url("https://fonts.googleapis.com/css?family=Lato:300,300italic,400,700,700italic");
 
 /**
  * Base Elements
@@ -21,7 +22,8 @@ div,
 span,
 a,
 button {
-  font-family: 'Lato', 'Open Sans', 'Helvetica Neue', 'Segoe UI', Helvetica, Arial, sans-serif;
+  font-family: Lato, "Open Sans", "Helvetica Neue", "Segoe UI", Helvetica, Arial,
+    sans-serif;
   line-height: 1.5;
 }
 
@@ -48,7 +50,7 @@ p {
  */
 
 .button {
-  padding: 10px 30px 10px;
+  padding: 10px 30px;
   text-decoration: none;
   color: #fff;
   background: #016aba;
@@ -63,6 +65,7 @@ p {
 .button:hover {
   opacity: 1;
 }
+
 /**
  * Body Container
  */
@@ -73,14 +76,15 @@ p {
   background: #f9f9f9;
   margin: 0 auto;
 }
+
 /**
  * Top Navigation
  */
 
 .menu {
   height: 4em;
   background-color: #677ae4;
-  background-color: #05526A;
+  background-color: #05526a;
   background-color: #e46855;
 }
 
@@ -132,7 +136,7 @@ p {
   font-size: 18px;
   width: 500px;
   margin: 20px auto 50px;
-  background-color: rgba(255, 255, 255, 0.75);
+  background-color: rgb(255 255 255 / 75%);
   border: solid 1px lightgray;
   display: block;
 }
@@ -166,8 +170,8 @@ p {
   top: 54px;
   left: 10px;
   background-color: #f6f6f6;
-  border-right: 1px solid rgba(0, 0, 0, 0.05);
-  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  border-right: 1px solid rgb(0 0 0 / 5%);
+  border-bottom: 1px solid rgb(0 0 0 / 5%);
 }
 
 .results {
@@ -182,13 +186,15 @@ p {
 .menu .results li:hover {
   background: #f3f3f3;
 }
+
 /**
  * Content Area
  */
 
 .body {
   padding: 15px;
 }
+
 /**
  * Similar to Jumbotron
  */
@@ -260,7 +266,7 @@ p {
   outline: none;
 }
 
-.rental button.image:after {
+.rental button.image::after {
   content: "";
   position: absolute;
   top: 0;
@@ -276,7 +282,8 @@ p {
   transition: opacity 0.25s ease-in-out;
 }
 
-.rental button.image:focus:after, .rental button.image:hover:after {
+.rental button.image:focus::after,
+.rental button.image:hover::after {
   opacity: 0.1;
 }
 
@@ -285,7 +292,7 @@ p {
 }
 
 .rental .image.large {
-  margin: 30px 25px 50px 25px;
+  margin: 30px 25px 50px;
   flex-basis: 100%;
 }
 
@@ -302,7 +309,7 @@ p {
 
 .rental .image.large small {
   margin-top: 10px;
-  margin-bottom: 0px;
+  margin-bottom: 0;
   font-size: 110%;
 }
 
@@ -341,7 +348,7 @@ p {
   flex-grow: 0;
   flex-basis: 150px;
   font-size: 0;
-  margin: 0px 25px;
+  margin: 0 25px;
 }
 
 .rental .map img {
@@ -359,7 +366,7 @@ p {
 }
 
 .rental.detailed .image.large {
-  margin: 30px 25px 50px 25px;
+  margin: 30px 25px 50px;
   flex-basis: 100%;
 }
 
@@ -373,7 +380,7 @@ p {
 }
 
 .rental.detailed .detail {
-  margin: 5px 0px;
+  margin: 5px 0;
   flex-basis: 100%;
   flex-shrink: 2;
 }
@@ -386,7 +393,7 @@ p {
 
 .rental.detailed .map {
   flex-basis: 100%;
-  margin: 50px 25px 25px 25px;
+  margin: 50px 25px 25px;
 }
 
 .rental.detailed .map img {
@@ -395,8 +402,9 @@ p {
 }
 
 @media only screen and (max-width: 919px) {
-  .rental.detailed .image, .rental.detailed .image.large {
-    margin: 30px 25px 25px 25px;
+  .rental.detailed .image,
+  .rental.detailed .image.large {
+    margin: 30px 25px 25px;
     flex-basis: 100%;
     cursor: default;
   }
@@ -410,11 +418,11 @@ p {
     display: none;
   }
 
-  .rental.detailed button.image:hover:after {
+  .rental.detailed button.image:hover::after {
     opacity: 0;
   }
 
-  .rental.detailed button.image:focus:after {
+  .rental.detailed button.image:focus::after {
     opacity: 0.1;
   }
 
@@ -448,20 +456,24 @@ p {
 }
 
 .tomster {
-  background: url(../assets/images/teaching-tomster.png);
+  background: url("../assets/images/teaching-tomster.png");
   background-size: contain;
   background-repeat: no-repeat;
   height: 200px;
   width: 200px;
-
   position: relative;
   top: -25px;
 }
 
-.screen-reader{
+.screen-reader {
   position: absolute;
   overflow: hidden;
   clip: rect(0 0 0 0);
-  height: 1px; width: 1px;
-  margin: -1px; padding: 0; border: 0;
+  height: 1px;
+  width: 1px;
+  margin: -1px;
+  padding: 0;
+  border: 0;
 }
+
+/* stylelint-enable no-descending-specificity */