-/* The grid: Three equal columns that floats next to each other */\r
-.column {\r
- float: left;\r
- width: 15%;\r
- padding: 25px;\r
- text-align: center;\r
- font-size: 20px;\r
- cursor: pointer;\r
- color: black;\r
- border-radius: 25px;\r
- margin: 25px;\r
-}\r
-\r
-.containerTab {\r
- padding: 20px;\r
- color: black;\r
- border-radius: 25px;\r
- margin: auto;\r
- width: 20%;\r
-\r
-\r
-}\r
-\r
-/* Clear floats after the columns */\r
-.row:after {\r
- content: "";\r
- display: table;\r
- clear: both;\r
-}\r
-\r
-/* Closable button inside the image */\r
-.closebtn {\r
- float: right;\r
- color: black;\r
- font-size: 35px;\r
- cursor: pointer;\r
-}\r
-\r
-table {\r
- color: black;\r
- padding: 5px;\r
-}\r
-\r
-th, td {\r
- padding: 5px;\r
-}\r
-\r
-.solved {\r
- background-color: chartreuse;\r
-}\r
-\r
-.unsolved {\r
- background-color: orange;\r
-}\r
-\r
-/* The sidebar menu */\r
-.sidenav {\r
- height: 100%; /* Full-height: remove this if you want "auto" height */\r
- width: 160px; /* Set the width of the sidebar */\r
- position: fixed; /* Fixed Sidebar (stay in place on scroll) */\r
- z-index: 1; /* Stay on top */\r
- top: 0; /* Stay at the top */\r
- left: 0;\r
- background-color: #111; /* Black */\r
- overflow-x: hidden; /* Disable horizontal scroll */\r
- padding-top: 20px;\r
-}\r
-\r
-/* The navigation menu links */\r
-.sidenav a {\r
- padding: 6px 8px 6px 16px;\r
- text-decoration: none;\r
- font-size: 25px;\r
- color: #818181;\r
- display: block;\r
-}\r
-\r
-/* When you mouse over the navigation links, change their color */\r
-.sidenav a:hover {\r
- color: #f1f1f1;\r
-}\r
-\r
-/* Style page content */\r
-body {\r
- margin-left: 160px; /* Same as the width of the sidebar */\r
- padding: 0px 10px;\r
- background-color: #BBB;\r
-}\r
-\r
-/* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */\r
-@media screen and (max-height: 450px) {\r
- .sidenav {padding-top: 15px;}\r
- .sidenav a {font-size: 18px;}\r
-}\r
+/* The grid: Three equal columns that floats next to each other */
+.column {
+ float: left;
+ width: 15%;
+ padding: 25px;
+ text-align: center;
+ font-size: 20px;
+ cursor: pointer;
+ color: black;
+ border-radius: 25px;
+ margin: 25px;
+}
+
+.containerTab {
+ padding: 20px;
+ color: black;
+ border-radius: 25px;
+ margin: auto;
+ width: 20%;
+
+
+}
+
+/* Clear floats after the columns */
+.row:after {
+ content: "";
+ display: table;
+ clear: both;
+}
+
+/* Closable button inside the image */
+.closebtn {
+ float: right;
+ color: black;
+ font-size: 35px;
+ cursor: pointer;
+}
+
+table {
+ color: black;
+ padding: 5px;
+}
+
+th, td {
+ padding: 5px;
+}
+
+.solved {
+ background-color: chartreuse;
+}
+
+.unsolved {
+ background-color: orange;
+}
+
+/* The sidebar menu */
+.sidenav {
+ height: 100%; /* Full-height: remove this if you want "auto" height */
+ width: 160px; /* Set the width of the sidebar */
+ position: fixed; /* Fixed Sidebar (stay in place on scroll) */
+ z-index: 1; /* Stay on top */
+ top: 0; /* Stay at the top */
+ left: 0;
+ background-color: #111; /* Black */
+ overflow-x: hidden; /* Disable horizontal scroll */
+ padding-top: 20px;
+}
+
+/* The navigation menu links */
+.sidenav a {
+ padding: 6px 8px 6px 16px;
+ text-decoration: none;
+ font-size: 25px;
+ color: #818181;
+ display: block;
+}
+
+/* When you mouse over the navigation links, change their color */
+.sidenav a:hover {
+ color: #f1f1f1;
+}
+
+/* Style page content */
+body {
+ margin-left: 160px; /* Same as the width of the sidebar */
+ padding: 0px 10px;
+ background-color: #BBB;
+}
+
+/* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */
+@media screen and (max-height: 450px) {
+ .sidenav {padding-top: 15px;}
+ .sidenav a {font-size: 18px;}
+}