adding files to repo

tetris/CSS/game.css

@@ -0,0 +1,88 @@
+body{
+	margin:0px;
+}
+.CONTAINER{
+	display:flex;
+	height:100%;
+	width:100%;
+	border:solid;
+	border-width:3px;
+	border-color:black;
+}
+.GAMECONTAINER{
+	flex:2;
+	background-color:#dedda2;
+}
+.INFOCONTAINER{
+	flex:1;
+	background-color:black;
+	height:100%;
+	align-items:center;
+	flex-flow:column;
+	display:flex;
+}
+.INFOBOX{
+	margin:15px;
+	background-color:#dedda2;
+	height:40px;
+	border-radius:10px;
+	align-items:center;
+	justify-content:center;
+	display:flex;
+	width:50%;
+}
+.INFOCONTENT{
+	background-color:#dedda2;
+	padding:8px;
+	margin-top:10px;
+	margin-bottom:10px;
+	border-radius:15px;
+	border-style:solid;
+	border-color:black;
+	border-width:6px;
+	width: 97%; 
+    	height: 90%;
+	box-sizing:border-box;
+	text-align:center;
+}
+#NEXT_SHAPE_BOX{
+	display:inline-block;
+	height:auto;
+}
+#GAMETABLE{
+	width:100%;
+	table-layout:fixed;
+}
+#NEXT_SHAPE{
+	display:inline-block;
+	height:auto;
+	width:90%;
+}
+#NEXT{
+	width:10%;
+	table-layout:fixed;
+}
+td{
+	background-color:#dedda2;
+	width:38px;
+	height:38px;
+}
+.tetris{
+	border-style:solid;
+	border-width:1px;
+	border-color:black;
+	fill: opacity 3px;
+	border-radius:4px;
+	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
+	opacity: 0.8;
+}
+#gameover{
+	position: fixed;
+	left: 35%; 
+	bottom:60%;
+    transform: translateX(-50%);
+    z-index: 9999; /* Set a high z-index value */
+    background-color: black; /* Set background color if needed */
+	color:red;
+	padding:5px;
+}

tetris/CSS/manual.css

@@ -0,0 +1,30 @@
+body{
+	background-color:#dedda2;
+}
+
+span{
+	text-align:center;
+}
+
+div{
+	margin-left:20px;
+}
+
+#tabela{
+	margin-left:20px;
+	display:flexbox;
+	width:100%;
+	height:100%;
+
+}
+table{
+	width:120px;
+	height:100px;
+}
+button{
+	background-color:green;
+	border-radius:5px;
+	width:100px;
+	height:50px;
+	margin:20px;
+}

tetris/CSS/top_scores.css

@@ -0,0 +1,52 @@
+
+body{
+	background-color:#dedda2;
+}
+
+span{
+	text-align:center;
+	justify-self:center;
+}
+
+div{	margin-left:20px;
+}
+#header{
+	display:inline-block;	
+	margin-left:40%;
+	flex-direction:column;
+}
+
+#container{
+	display:flex;
+	justify-items:center;
+}
+table{
+	width:400px;
+	height:400px;
+	flex:2;
+	border-style:solid;
+	border-width:1px;
+	border-color:black;
+	fill: opacity 3px;
+	border-radius:4px;
+	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
+	opacity: 0.8;
+}
+td{
+	font-size:20px;
+	border-style:solid;
+	border-width:1px;
+	border-color:black;
+	fill: opacity 3px;
+	border-radius:4px;
+	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
+	opacity: 0.8;
+}
+button{
+	justify-self:start;
+	background-color:green;
+	border-radius:5px;
+	width:100px;
+	height:50px;
+	margin:20px;
+}