UPDATE: Format css

Formatted style.css with IDE linter.

assets/css/style.css

-@media screen and (min-width: 768px), print {
+@media screen and (min-width: 768px),
+print {
     body>header {
         display: flex;
         align-items: center;
@@ -14,7 +15,9 @@ body header img {
     margin-right: auto;
 }
 
-@media print, screen and (min-width: 768px), print {
+@media print,
+screen and (min-width: 768px),
+print {
     body header img {
         display: inline;
         margin-left: 0px;
@@ -29,7 +32,8 @@ body header div {
     width: 100%;
 }
 
-@media screen and (min-width: 768px), print {
+@media screen and (min-width: 768px),
+print {
     body header div {
         flex-direction: row;
         justify-content: space-between;
@@ -56,7 +60,8 @@ body header nav ul {
     align-items: center;
 }
 
-@media screen and (min-width: 768px), print {
+@media screen and (min-width: 768px),
+print {
     body header nav ul {
         flex-direction: row;
         padding-left: 20px;
@@ -67,7 +72,8 @@ body header nav ul li {
     padding-bottom: 10px;
 }
 
-@media screen and (min-width: 768px), print {
+@media screen and (min-width: 768px),
+print {
     body header nav ul li {
         padding-bottom: 0px;
     }
@@ -77,12 +83,12 @@ body header nav ul li {
     }
 }
 
-main>header {
+body main>header {
     display: flex;
     justify-content: center;
 }
 
-main>header img {
+body main>header img {
     width: 80vw;
     margin: 20px 0;
     border-radius: 20px;
@@ -95,7 +101,8 @@ body>footer {
     margin-top: 20px;
 }
 
-@media screen and (min-width: 768px), print {
+@media screen and (min-width: 768px),
+print {
     body>footer {
         flex-direction: row;
     }
@@ -108,7 +115,8 @@ body>footer #notices img {
     margin-right: auto;
 }
 
-@media screen and (min-width: 768px), print {
+@media screen and (min-width: 768px),
+print {
     body>footer #notices img {
         display: inline;
         margin-left: 0px;
@@ -120,7 +128,8 @@ body>footer #notices>p {
     text-align: center;
 }
 
-@media screen and (min-width: 768px), print {
+@media screen and (min-width: 768px),
+print {
     body>footer #notices>p {
         text-align: start;
     }
@@ -144,7 +153,8 @@ body>footer .social-media ul {
     justify-content: space-around;
 }
 
-@media screen and (min-width: 768px), print {
+@media screen and (min-width: 768px),
+print {
     body>footer .social-media ul {
         justify-content: space-between;
         padding-right: 50px;