Visual fixes

fishiemart.html

@@ -58,7 +58,7 @@
 </div>
 
 <div class="block">
-    <h2>Something <mark style="background-color: gold;border-radius: 10px; padding-right:5px; padding-left:5px;"><i style="color:#ff491b">fishy!</i></mark></h2>
+    <h2>Something <mark class="new"><i style="color:#ff491b">fishy!</i></mark></h2>
     <p>In case the originals aren't enough, we have also added tons of custom Virtual Tank injects! Just some of the
        latest titles we've added are <b>The New Fishie</b>, <b>WaterBound</b>, <b>Super Fishie All-Catch + Super Fishie World</b>,
        and <b>Fishie Kombat</b>.</p>

index.html

@@ -36,19 +36,19 @@
 
 
 
-<div id="about" style="padding-left:8px; padding-right:8px; ">
+<div id="about">
    <p><b>WiiMart</b> is an open-source revival for the defunct Wii Shop Channel service. It was closed on January 30, 2019,
       making an entire library of digital-exclusive games get left behind. WiiMart brings back the experience of
       downloading and playing these titles with a revival of the Wii Shop Channel.</p>
 </div>
 
-<div style="padding-left:8px; padding-right:8px; ">
+<div>
    <img loading="lazy" src="media/martyna-looking.png" style="height:100%; width:25%; float: left; min-width:25%; min-height:100%;">
    <p class="blue">If WiiMart sounds like what you are looking for, try it out for yourself! WiiMart can be used on Wii, Wii U, and partially Dolphin.</p>
    <a href="install"><button style="margin-bottom:6px">Get Started</button></a>
 </div>
 
-<div style="padding-left:8px; padding-right:8px; ">
+<div>
    <h2>Screenshots</h2>
 <div class="gallery">
    <img src="media/screenshot-start-menu.png" class="slide">
@@ -61,7 +61,7 @@
 
 <h1>What's on it?</h1>
 
-<div class="block" style="padding-left:8px; padding-right:8px; ">
+<div>
    <h2>The originals!</h2>
    <p>WiiMart includes a variety of WiiWare content that was available on the original Wii Shop Channel, such
       as <b>Dr. Mario Online Rx</b>, <b>My Pokemon Ranch</b>, <b>Super Mario 64</b>,
@@ -70,8 +70,8 @@
       <b>Pac-Man</b>, and <b>Galaga</b>.</p>
 </div>
 
-<div class="block" style="padding-left:8px; padding-right:8px; ">
-   <h2>Something <mark style="background-color:gold;border-radius:10px;padding-right:5px;padding-left:5px"><i style="color:#ff491b">new!</i></mark></h2>
+<div>
+   <h2>Something <mark class="new"><i style="color:#ff491b">new!</i></mark></h2>
    <p>In case the originals aren't enough, we have also added tons of custom Virtual Console injects! Just some of the
       latest titles we've added are <b>The New Tetris</b>, <b>EarthBound</b>, <b>Super Mario All-Stars + Super Mario World</b>,
       and <b>Mortal Kombat</b>.</p>
@@ -82,7 +82,7 @@
 
 <p>Please consult the FAQ first.</p>
 
-<div style="padding-left:8px; padding-right:8px; ">
+<div>
     <h2>Frequently Asked Questions</h2>
     <h3>Is real money needed to buy Wii Points?</h3>
     <p>The WiiMart service is entirely free of charge! Wii Points are "bought" only to keep the service as close the original as possible.</p>
@@ -104,7 +104,7 @@
       <b>Region Free EVERYTHING</b> option in System Menu Hacks, then launch it again.</p>
 </div>
 
-<div style="padding-left:8px; padding-right:8px; ">
+<div>
    <h2>Other Questions</h2>
    <p>You may ask in our Discord server, the <b>#support</b> or <b>#ticket</b> channel can help you.</p>
    <a href="https://discord.gg/wiimart"><button>Discord</button></a><br><br>
@@ -112,7 +112,7 @@
 
 <h1>Who is involved?</h1>
 
-<div style="padding-left:8px; padding-right:8px; ">
+<div>
    <h2>Members</h2>
    <div class="pfp">
       <img loading="lazy" src="media/pfp-ocarina.png" class="pfp">
@@ -204,12 +204,12 @@
 
 
 
-<div style="padding-left:8px; padding-right:8px; ">
+<div>
    <h2>Honorable Mention</h2>
    <p>Check out <a href="https://wiishopchannel.net">WiiShopChannel.net</a>, it is Wii Shop Channel client recreated for
       modern browsers. This neat project often helped out WiiMart for reference purposes.</p>
 </div>
-<div style="padding-left:8px; padding-right:8px; ">
+<div>
    <p class="mem">Want to also contribute to this project? Check out WiiMart on GitHub!<br><br>
       <a href="https://github.com/WiiMart"><button><img loading="lazy" src="meta/ico-github.png" class="ico" alt="GitHub"></button></a></p>
    </p>

meta/main.css

@@ -1,7 +1,7 @@
 @font-face {font-family: 'Shop'; src: url('shop.ttf') format('truetype'); font-weight: normal; font-style: normal;}
 
 /*Main things*/
-body { scroll-behavior:smooth;text-align: center;font-family: sans-serif;font-family:'Shop',sans-serif; overflow-x:hidden;transition:.1s ease-in-out; }
+body {scroll-behavior:smooth;text-align: center;font-family: sans-serif;font-family:'Shop',sans-serif; overflow-x:hidden;transition:.1s ease-in-out; }
 div {line-height:23.3px; background-color: white;border-radius: 5px;border-color: #34BEED;box-shadow: 0 0 10px #2525255d; box-sizing: border-box;border-width: 5px;border-style: solid; width: 35%; text-align: center;margin: 0 auto;padding: 5px;margin-top: 8px; overflow: auto;}
 div.clear { border:none;background: none;box-shadow: none;}
 header {background-color: #1164E9;width: 100%;padding: 10px;border-style: solid;border-top: white;border-right: none;border-left: none;}
@@ -28,6 +28,7 @@ p.mem {flex: 1;}
 .ico {min-width:30px; min-height:30px; width:40px; height:40px;}
 img.ico {vertical-align: middle; min-width:30px; min-height:30px; width:40px; height:40px;}
 .blue {color:#1164E9;}
+mark.new {background-color: gold;border-radius: 10px; padding-right:5px; padding-left:5px;}
 
 div.issue {border-color:red;color:red;width:100%;text-align:center;}
 div.issue h2 {color:red;}
@@ -51,4 +52,4 @@ img.right {right: 10px; animation: rightHoverAnimation 0.5s infinite alternate;}
 #wednesdaytitles {margin-top:13px; margin-bottom:13px; border:none;position:relative; top:0px; left:0px; float:center; background-color:#FFF; height:0px; width:50%; transition:.3s ease-in-out;}
 
 /* Auto-resizer, do not change pls*/
-@media (max-width: 768px) {div {width: 100%;}}
+@media (max-width: 768px) {div {width: 95%;}}