1 files changed, 40 insertions, 7 deletions
diff --git a/html/styles.css b/html/styles.css
index df59f96..71cbb78 100644
--- a/html/styles.css
+++ b/html/styles.css
@@ -44,6 +44,7 @@
 }
 
 .board {
+	max-width: 1200px;
 }
 
 .colorBar {
@@ -67,16 +68,24 @@
 	position: absolute;
 	width: 50px;
 	height: 50px;
-	right: 100px;
+	left: 1050px;
 	top: 10px;
 }
 
+.switchCaseButton {
+	width: 50px;
+	height: 50px;
+}
+
 .switchLang {
 	position: absolute;
+	left: 1120px;
+	top: 10px;
+}
+
+.switchLangButton {
 	width: 50px;
 	height: 50px;
-	right: 30px;
-	top: 10px;
 }
 
 .backButton {
@@ -108,7 +117,9 @@
 
 .itemLetter {
 	background-color: white;
-	position: absolute;
+	display: inline-block;
+	margin-right: 13px;
+	margin-bottom: 10px;
 	z-index: 0;		
 }
 
@@ -124,6 +135,11 @@
 	margin-top: 10px;
 }
 
+.box-4-entry {
+	padding-left: 30px;
+	padding-top: 50px;
+}
+
 .entry {
 	border-width: 5px;
 	border-style: inset;
@@ -131,7 +147,9 @@
 	box-shadow: 5px -4px 4px 2px black;
 	width: 220px;
 	background-color: white;
-	position: absolute;
+	display: inline-block;
+	margin-left: 30px;
+	margin-bottom: 30px;
 	z-index: 0;
 	-webkit-user-select: none;
 	user-select: none;		
@@ -169,13 +187,19 @@
 	width: 50px;
 }
 
+.box-4-collection {
+	padding-left: 100px;
+	padding-top: 100px;
+}
+
 .collection {
 	border-width: 2px;
 	border-style: inset;
 	border-color: darkgray;
 	box-shadow: 2px -2px 2px 1px black;
 	width: 250px;
-	position: absolute;
+	margin-left: 30px;
+	margin-top: 30px;
 	z-index: 0;
 	-webkit-user-select: none;
 	user-select: none;	
@@ -208,6 +232,11 @@
 	font-family: Rochester;
 }
 
+.box-4-theme {
+	padding-left: 60px;
+	padding-top: 50px;
+}
+
 .theme {
 	border-width: 5px;
 	border-style: inset;
@@ -215,9 +244,13 @@
 	box-shadow: 5px -4px 4px 2px black;
 	width: 220px;
 	background-color: white;
-	position: absolute;
 	z-index: 0;
 	-webkit-user-select: none;
+	margin-left: 5px;
+	margin-right: 25px;
+	margin-top: 60px;
+	margin-bottom: 80px;
+	display: inline-block;	
 	user-select: none;		
 }