-.solved {\r
- background-color: chartreuse;\r
-}\r
-\r
-.unsolved {\r
- background-color: orange;\r
-}\r
-\r
-table {\r
- border-collapse: collapse;\r
- margin: 30px;\r
- text-align: center;\r
- <!--font-size: 200%;-->\r
-\r
-}\r
-\r
-table td {\r
- border: 1px solid black;\r
- padding: 20px;\r
- font-size: 150%;\r
-}\r
-\r
-\r
-h1 {\r
- text-align: center;\r
- font-size: 300%;\r
-}\r
-\r
-.center {\r
- margin-left: auto;\r
- margin-right: auto;\r
-}\r
-\r
-.row {\r
- margin-left: -5px;\r
- margin-right: -5px;\r
-}\r
-\r
-.column{\r
- float: left;\r
- width: 50%;\r
- padding: 5px;\r
-}\r
-\r
-/* Clearfix (clear floats) */\r
-.row::after {\r
- content: "";\r
- clear: both;\r
- display: table;\r
-}\r
-\r
-.grid-container {\r
- display: grid;\r
- grid-template-columns: auto auto auto;\r
- grid-gap: 10px;\r
- background-color: #2196F3;\r
- padding: 10px;\r
-}\r
-\r
-.grid-container > div {\r
- background-color: rgba(255, 255, 255, 0.8);\r
- text-align: center;\r
- padding: 20px 0;\r
- font-size: 30px;\r
-}\r
-\r
+.solved {
+ background-color: chartreuse;
+}
+
+.unsolved {
+ background-color: orange;
+}
+
+table {
+ border-collapse: collapse;
+ margin: 30px;
+ text-align: center;
+ <!--font-size: 200%;-->
+
+}
+
+table td {
+ border: 1px solid black;
+ padding: 20px;
+ font-size: 150%;
+}
+
+
+h1 {
+ text-align: center;
+ font-size: 300%;
+}
+
+.center {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.row {
+ margin-left: -5px;
+ margin-right: -5px;
+}
+
+.column{
+ float: left;
+ width: 50%;
+ padding: 5px;
+}
+
+/* Clearfix (clear floats) */
+.row::after {
+ content: "";
+ clear: both;
+ display: table;
+}
+
+.grid-container {
+ display: grid;
+ grid-template-columns: auto auto auto;
+ grid-gap: 10px;
+ background-color: #2196F3;
+ padding: 10px;
+}
+
+.grid-container > div {
+ background-color: rgba(255, 255, 255, 0.8);
+ text-align: center;
+ padding: 20px 0;
+ font-size: 30px;
+}
+