diff --git a/css/main.css b/css/main.css
index a7d7b69..eea9c17 100644
--- a/css/main.css
+++ b/css/main.css
@@ -21,6 +21,7 @@ header {
     background-color: #ffffff;
     border-bottom: 1px solid #e4e4e7;
     padding: 0.5em;
+    position: -webkit-sticky;
     position: sticky;
     top: 0;
 }
@@ -34,6 +35,9 @@ header::after {
 header .header-logo {
     display: inline-block;
     background-image: url('../img/logo.png');
+    -webkit-background-size: 162px 40px;
+    -moz-background-size: 162px 40px;
+    -o-background-size: 162px 40px;
     background-size: 162px 40px;
     width: 162px;
     height: 40px;
@@ -43,6 +47,10 @@ header .header-logo {
 
 header nav {
     background-color: #ffffff;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -moz-box;
+    display: -ms-flexbox;
     display: flex;
     float: right;
     min-height: 40px;
@@ -53,6 +61,9 @@ header nav ul {
     padding: 0;
     margin: 0;
     list-style-type: none;
+    -webkit-align-self: center;
+    -ms-flex-item-align: center;
+    -ms-grid-row-align: center;
     align-self: center;
 }
 
@@ -75,6 +86,8 @@ header nav ul li form button {
     background-color: inherit;
     color: #000000;
     text-decoration: none;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
     border-radius: 5px;
 }
 
@@ -112,6 +125,8 @@ header .header-hamburger .header-hamburger-bar {
     width: 30px;
     height: 5px;
     margin: 6.25px 5px;
+    -webkit-border-radius: 2.5px;
+    -moz-border-radius: 2.5px;
     border-radius: 2.5px;
 }
 
@@ -164,6 +179,8 @@ header.header-nav-opened nav ul li form button {
     text-align: left;
     width: 100%;
     margin: 0.25em 0;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
     box-sizing: border-box;
 }
 
@@ -201,8 +218,18 @@ section.hero p {
 }
 
 form.search-form {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -moz-box;
+    display: -ms-flexbox;
     display: flex;
     width: 100%;
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: row;
+    -moz-box-orient: horizontal;
+    -moz-box-direction: normal;
+    -ms-flex-direction: row;
     flex-direction: row;
     margin: 1em auto;
 }
@@ -210,12 +237,20 @@ form.search-form {
 form.search-form input[name="q"] {
     width: 128px;
     margin-right: 0.5em;
+    -webkit-box-flex: 1;
+    -webkit-flex-grow: 1;
+    -moz-box-flex: 1;
+    -ms-flex-positive: 1;
     flex-grow: 1;
+    -webkit-flex-shrink: 0;
+    -ms-flex-negative: 0;
     flex-shrink: 0;
 }
 
 form.search-form input[type="submit"],
 form.search-form button {
+    -webkit-flex-shrink: 0;
+    -ms-flex-negative: 0;
     flex-shrink: 0;
 }
 
@@ -232,6 +267,8 @@ main.content {
     width: 100%;
     max-width: 1280px;
     margin: 0 auto;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
     box-sizing: border-box;
 }
 
@@ -245,7 +282,11 @@ textarea {
     font-size: 1em;
     padding: 0.5em 1em;
     border: 0;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
     border-radius: 5px;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
     box-sizing: border-box;
 }
 
@@ -282,7 +323,11 @@ button,
     font-size: 1em;
     padding: 0.5em 1em;
     border: 0;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
     border-radius: 5px;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
     box-sizing: border-box;
     text-decoration: none;
 }
@@ -314,21 +359,45 @@ button:hover,
     padding: 0.5em;
     background-color: #f9f9fa;
     border: 1px solid #e4e4e7;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
     border-radius: 10px;
     margin: 0.5em 0;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -moz-box;
+    display: -ms-flexbox;
     display: flex;
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: row;
+    -moz-box-orient: horizontal;
+    -moz-box-direction: normal;
+    -ms-flex-direction: row;
     flex-direction: row;
 }
 
 .category h3 {
     margin: 0;
+    -webkit-box-flex: 1;
+    -webkit-flex-grow: 1;
+    -moz-box-flex: 1;
+    -ms-flex-positive: 1;
     flex-grow: 1;
+    -webkit-align-self: center;
+    -ms-flex-item-align: center;
+    -ms-grid-row-align: center;
     align-self: center;
 }
 
 .category p {
     margin: 0;
+    -webkit-flex-shrink: 0;
+    -ms-flex-negative: 0;
     flex-shrink: 0;
+    -webkit-align-self: center;
+    -ms-flex-item-align: center;
+    -ms-grid-row-align: center;
     align-self: center;
 }
 
@@ -339,8 +408,20 @@ footer {
 }
 
 .mods {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -moz-box;
+    display: -ms-flexbox;
     display: flex;
+    -webkit-flex-wrap: wrap;
+    -ms-flex-wrap: wrap;
     flex-wrap: wrap;
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: row;
+    -moz-box-orient: horizontal;
+    -moz-box-direction: normal;
+    -ms-flex-direction: row;
     flex-direction: row;
 }
 
@@ -348,28 +429,58 @@ footer {
     width: 33.3333%;
     padding: 0.5em;
     position: relative;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
     box-sizing: border-box;
 }
 
 .mods .mods-mod-container .mods-mod-card {
     background-color: #f9f9fa;
     border: 1px solid #e4e4e7;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
     border-radius: 10px;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -moz-box;
+    display: -ms-flexbox;
     display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: column;
+    -moz-box-orient: vertical;
+    -moz-box-direction: normal;
+    -ms-flex-direction: column;
     flex-direction: column;
     height: 100%;
 }
 
 .mods .mods-mod-container .mods-mod-card img {
     width: 100%;
+    -webkit-border-radius: 10px 10px 0 0;
+    -moz-border-radius: 10px 10px 0 0;
     border-radius: 10px 10px 0 0;
     display: block;
 }
 
 .mods .mods-mod-container .mods-mod-card .mods-mod-card-contents {
     padding: 0.5em;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -moz-box;
+    display: -ms-flexbox;
     display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: column;
+    -moz-box-orient: vertical;
+    -moz-box-direction: normal;
+    -ms-flex-direction: column;
     flex-direction: column;
+    -webkit-box-flex: 1;
+    -webkit-flex-grow: 1;
+    -moz-box-flex: 1;
+    -ms-flex-positive: 1;
     flex-grow: 1;
     height: 100%;
 }
@@ -382,15 +493,33 @@ footer {
 .mods .mods-mod-container .mods-mod-card .mods-mod-card-contents p {
     margin-top: 0.75em;
     margin-bottom: 0.75em;
+    -webkit-box-flex: 1;
+    -webkit-flex-grow: 1;
+    -moz-box-flex: 1;
+    -ms-flex-positive: 1;
     flex-grow: 1;
 }
 
 .mods .mods-mod-container .mods-mod-card .mods-mod-card-contents .mods-mod-card-bottom {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -moz-box;
+    display: -ms-flexbox;
     display: flex;
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: row;
+    -moz-box-orient: horizontal;
+    -moz-box-direction: normal;
+    -ms-flex-direction: row;
     flex-direction: row;
 }
 
 .mods .mods-mod-container .mods-mod-card .mods-mod-card-contents .mods-mod-card-bottom p.mods-mod-card-publisher {
+    -webkit-box-flex: 1;
+    -webkit-flex-grow: 1;
+    -moz-box-flex: 1;
+    -ms-flex-positive: 1;
     flex-grow: 1;
     margin-top: 0;
     margin-bottom: 0;
@@ -399,6 +528,8 @@ footer {
 .badge {
     background-color: #16a34a;
     color: #ffffff;
+    -webkit-border-radius: 9999px;
+    -moz-border-radius: 9999px;
     border-radius: 9999px;
     display: inline-block;
     padding: 0 0.5em;
@@ -420,6 +551,8 @@ footer {
 
 img.mod-cover {
     width: 100%;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
     border-radius: 10px;
     max-width: 1024px;
     margin: 0 auto;
@@ -427,8 +560,20 @@ img.mod-cover {
 }
 
 .button-container {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -moz-box;
+    display: -ms-flexbox;
     display: flex;
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: row;
+    -moz-box-orient: horizontal;
+    -moz-box-direction: normal;
+    -ms-flex-direction: row;
     flex-direction: row;
+    -webkit-flex-wrap: wrap;
+    -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 }
 
@@ -446,17 +591,39 @@ img.mod-cover {
 }
 
 .mod-header {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -moz-box;
+    display: -ms-flexbox;
     display: flex;
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: row;
+    -moz-box-orient: horizontal;
+    -moz-box-direction: normal;
+    -ms-flex-direction: row;
     flex-direction: row;
 }
 
 .mod-header h1 {
+    -webkit-box-flex: 1;
+    -webkit-flex-grow: 1;
+    -moz-box-flex: 1;
+    -ms-flex-positive: 1;
     flex-grow: 1;
+    -webkit-align-self: center;
+    -ms-flex-item-align: center;
+    -ms-grid-row-align: center;
     align-self: center;
 }
 
 .mod-header .mod-badges {
+    -webkit-flex-shrink: 0;
+    -ms-flex-negative: 0;
     flex-shrink: 0;
+    -webkit-align-self: center;
+    -ms-flex-item-align: center;
+    -ms-grid-row-align: center;
     align-self: center;
 }
 
@@ -524,6 +691,8 @@ form.form .form-captcha-container div {
 .review {
     background-color: #f9f9fa;
     border: 1px solid #e4e4e7;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
     border-radius: 10px;
     padding: 0.25em 0.5em;
     margin: 0.5em 0;
@@ -538,7 +707,17 @@ form.form .form-captcha-container div {
 }
 
 .rating-select {
+    display: -webkit-inline-box;
+    display: -webkit-inline-flex;
+    display: -moz-inline-box;
+    display: -ms-inline-flexbox;
     display: inline-flex;
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: reverse;
+    -webkit-flex-direction: row-reverse;
+    -moz-box-orient: horizontal;
+    -moz-box-direction: reverse;
+    -ms-flex-direction: row-reverse;
     flex-direction: row-reverse;
     font-size: 1.25em;
 }
@@ -548,6 +727,9 @@ form.form .form-captcha-container div {
 }
 
 .rating-select label {
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
     user-select: none;
     cursor: pointer;
 }
@@ -586,16 +768,33 @@ form.form .form-captcha-container div {
     }
 
     .category {
+        -webkit-box-orient: vertical;
+        -webkit-box-direction: normal;
+        -webkit-flex-direction: column;
+        -moz-box-orient: vertical;
+        -moz-box-direction: normal;
+        -ms-flex-direction: column;
         flex-direction: column;
     }
 
     .category h3,
     .category p {
+        -webkit-align-self: auto;
+        -ms-flex-item-align: auto;
+        -ms-grid-row-align: auto;
         align-self: auto;
     }
 
     .mods {
+        -webkit-flex-wrap: nowrap;
+        -ms-flex-wrap: nowrap;
         flex-wrap: nowrap;
+        -webkit-box-orient: vertical;
+        -webkit-box-direction: normal;
+        -webkit-flex-direction: column;
+        -moz-box-orient: vertical;
+        -moz-box-direction: normal;
+        -ms-flex-direction: column;
         flex-direction: column;
     }
 
@@ -604,7 +803,15 @@ form.form .form-captcha-container div {
     }
 
     .button-container {
+        -webkit-box-orient: vertical;
+        -webkit-box-direction: normal;
+        -webkit-flex-direction: column;
+        -moz-box-orient: vertical;
+        -moz-box-direction: normal;
+        -ms-flex-direction: column;
         flex-direction: column;
+        -webkit-flex-wrap: nowrap;
+        -ms-flex-wrap: nowrap;
         flex-wrap: nowrap;
     }
 
diff --git a/css/moderation.css b/css/moderation.css
index e5fcfe6..9e805bf 100644
--- a/css/moderation.css
+++ b/css/moderation.css
@@ -26,6 +26,8 @@ header nav {
     padding: 0.5em;
     padding-top: 0;
     width: 100%;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
     box-sizing: border-box;
     overflow: auto;
 }
@@ -57,6 +59,8 @@ header nav ul li form button {
     background-color: inherit;
     color: #000000;
     text-decoration: none;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
     border-radius: 5px;
 }
 
@@ -88,7 +92,11 @@ textarea {
     font-size: 1em;
     padding: 0.5em 1em;
     border: 0;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
     border-radius: 5px;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
     box-sizing: border-box;
 }
 
@@ -125,7 +133,11 @@ button,
     font-size: 1em;
     padding: 0.5em 1em;
     border: 0;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
     border-radius: 5px;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
     box-sizing: border-box;
     text-decoration: none;
 }
@@ -170,6 +182,8 @@ form.form .form-block-checkbox {
 .badge {
     background-color: #16a34a;
     color: #ffffff;
+    -webkit-border-radius: 9999px;
+    -moz-border-radius: 9999px;
     border-radius: 9999px;
     display: inline-block;
     padding: 0 0.5em;
@@ -181,15 +195,32 @@ form.form .form-block-checkbox {
     padding: 0.5em;
     background-color: #f9f9fa;
     border: 1px solid #e4e4e7;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
     border-radius: 10px;
     margin: 1em 0;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -moz-box;
+    display: -ms-flexbox;
     display: flex;
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: row;
+    -moz-box-orient: horizontal;
+    -moz-box-direction: normal;
+    -ms-flex-direction: row;
     flex-direction: row;
 }
 
 .mod img {
     width: 320px;
+    -webkit-align-self: center;
+    -ms-flex-item-align: center;
+    -ms-grid-row-align: center;
     align-self: center;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
     border-radius: 10px;
 }
 
@@ -211,6 +242,8 @@ form.form .form-block-checkbox {
 .review {
     background-color: #f9f9fa;
     border: 1px solid #e4e4e7;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
     border-radius: 10px;
     padding: 0.25em 0.5em;
     margin: 0.5em 0;
@@ -228,21 +261,45 @@ form.form .form-block-checkbox {
     padding: 0.5em;
     background-color: #f9f9fa;
     border: 1px solid #e4e4e7;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
     border-radius: 10px;
     margin: 0.5em 0;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -moz-box;
+    display: -ms-flexbox;
     display: flex;
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: row;
+    -moz-box-orient: horizontal;
+    -moz-box-direction: normal;
+    -ms-flex-direction: row;
     flex-direction: row;
 }
 
 .category h3 {
     margin: 0;
+    -webkit-box-flex: 1;
+    -webkit-flex-grow: 1;
+    -moz-box-flex: 1;
+    -ms-flex-positive: 1;
     flex-grow: 1;
+    -webkit-align-self: center;
+    -ms-flex-item-align: center;
+    -ms-grid-row-align: center;
     align-self: center;
 }
 
 .category p {
     margin: 0;
+    -webkit-flex-shrink: 0;
+    -ms-flex-negative: 0;
     flex-shrink: 0;
+    -webkit-align-self: center;
+    -ms-flex-item-align: center;
+    -ms-grid-row-align: center;
     align-self: center;
 }
 
@@ -262,6 +319,12 @@ form.form .form-block-checkbox {
     }
 
     .mod {
+        -webkit-box-orient: vertical;
+        -webkit-box-direction: normal;
+        -webkit-flex-direction: column;
+        -moz-box-orient: vertical;
+        -moz-box-direction: normal;
+        -ms-flex-direction: column;
         flex-direction: column;
     }
 
@@ -278,11 +341,20 @@ form.form .form-block-checkbox {
     }
 
     .category {
+        -webkit-box-orient: vertical;
+        -webkit-box-direction: normal;
+        -webkit-flex-direction: column;
+        -moz-box-orient: vertical;
+        -moz-box-direction: normal;
+        -ms-flex-direction: column;
         flex-direction: column;
     }
 
     .category h3,
     .category p {
+        -webkit-align-self: auto;
+        -ms-flex-item-align: auto;
+        -ms-grid-row-align: auto;
         align-self: auto;
     }
 }