feat: Update font styles and sizes in default.css

The commit updates the font styles and sizes in the default.css file. It changes the font family to "Open Sans" and increases the font size to 16px. It also adjusts the line height for better readability.

layout/default.css

@@ -16,9 +16,9 @@ a {
 body {
   background: url('/images/nosystem/body-bg.gif') #000;
   color: #9A9A9A;
-  font-family: Verdana;
-  font-size: 13px;
-  line-height: 18px;
+  font-family: "Open Sans", sans-serif;
+  font-size: 16px;
+  line-height: 1.5;
 }
 
 #background {
@@ -64,7 +64,7 @@ body {
 
 #menu_1 a {
   color: #B4BEC7;
-  font-size: 14px;
+  font-size: 16px;
   letter-spacing: 1px;
   padding-bottom: 3px;
   text-decoration: none;
@@ -179,7 +179,6 @@ body {
 #contact_full {
   width: 350px;
   float: left;
-  font-size: 12px;
 }
 
 #contact_full .contact_line {
@@ -209,7 +208,7 @@ body {
 
 .article_title,
 h1 {
-  font-size: 18px;
+  font-size: 20px;
   text-decoration: none;
   color: #ECB900;
   font-weight: bold;
@@ -224,7 +223,6 @@ h1 {
 
 .article_text {
   margin-top: 10px;
-  line-height: 18px;
 }
 
 .article_text a {
@@ -258,10 +256,10 @@ h1 {
 .article_more {
   display: block;
   width: 100px;
-  height: 20px;
+  height: 30px;
+  line-height: 30px;
   margin: 10px 20px;
   background: #101e21;
-  line-height: 20px;
   border: 1px solid rgba(255, 255, 255, 0.4);
   color: #FFFFFF;
   cursor: pointer;
@@ -269,8 +267,9 @@ h1 {
   -moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.4);
   box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.4);
   text-align: center;
-  font-size: 10px;
   float: right;
+  box-sizing: border-box;
+  font-weight: 300;
 }
 
 .article_more:hover {
@@ -307,7 +306,7 @@ h1 {
 
 .article_date {
   color: #FFF;
-  font-size: 10px;
+  font-size: 14px;
   margin-bottom: 10px;
 }
 
@@ -323,7 +322,6 @@ h1 {
   box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3);
   text-align: center;
   padding: 5px 10px;
-  font-size: 11px;
   margin-right: 2px;
   color: #1e5799;
   cursor: pointer;
@@ -396,10 +394,10 @@ a.paging_active {
 .button {
   display: block;
   width: 100px;
-  height: 20px;
+  height: 30px;
+  line-height: 30px;
   margin: 10px 20px;
   background: #101e21;
-  line-height: 20px;
   border: 1px solid rgba(255, 255, 255, 0.4);
   color: #FFFFFF;
   cursor: pointer;
@@ -407,7 +405,8 @@ a.paging_active {
   -moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.4);
   box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.4);
   text-align: center;
-  font-size: 10px;
+  font-weight: 300;
+  box-sizing: border-box;
 }
 
 .button:hover {
@@ -483,13 +482,12 @@ div.alert {
 
 .article_draw {
   clear: both;
-  line-height: 19px;
   width: 1000px;
   margin: auto;
 }
 
 .article_draw_title {
-  font-size: 16px;
+  font-size: 20px;
   margin: 5px 0 20px;
   text-transform: uppercase;
   color: #ECB900;
@@ -504,7 +502,6 @@ div.alert {
 }
 
 .article_draw_date {
-  font-size: 10px;
   margin-bottom: 10px;
   color: #8F8F8F;
 }
@@ -643,7 +640,6 @@ table.registration th {
 .calendar {
   border-collapse: collapse;
   width: 100%;
-  font-size: 12px;
 }
 
 .calendar td {
@@ -830,4 +826,15 @@ playback timings (ms):
   CDXLines.iter: 18.238 (3)
   load_resource: 137.343 (2)
   PetaboxLoader3.resolve: 57.494 (2)
-*/
+*/
+.row {
+  display: grid;
+  width: 100%;
+  grid-template-columns: 350px 1fr;
+  grid-gap: 20px;
+}
+
+.row .col-md-4 a {
+  display: block;
+  text-align: center;
+}