fixing some css

css/style.css

@@ -5,7 +5,6 @@ html {
 body {
   	background-color: #121212;
 	font-family: Arial, sans-serif;
-	
 }
 
 h1 {
@@ -15,7 +14,7 @@ h1 {
 
 .maintaince {
 	color: white;
-	font-size: 25px;
+	font-size: 140%;
 	line-height: 1.5;
 	text-align: center;
 }
@@ -23,6 +22,10 @@ h1 {
 .main_container {
 	display: flex;
 	flex-direction: row;
+	flex-wrap: nowrap;
+	margin-left: 12%;
+	margin-right: 4%;
+
 	/*border: 0.5px solid rgb(208, 160, 236);*/
 }
 
@@ -30,24 +33,29 @@ h1 {
 	position: relative; 
   	width: 90%;
   	min-height: 70%;
-	margin: 20px;
+	margin: 3%;
 	display: flex;
 	flex-direction: column;
 	flex-wrap: wrap;
 	justify-content: flex-start;
+
 	/*border: 0.5px solid rgb(206, 138, 138);*/
 }
 
 .img_container {
-	margin: 20px;
+	margin: 3%;
 	min-height: 40%;
+	display: flex;
+	justify-content: center;
+	padding: 3%;
+	align-items: flex-start;
 	/*border: 0.5px solid rgb(138, 206, 186);*/
 }
 
 .main_text {
 	order: 1;
 	padding: 15px;
-	margin: 20px;
+	margin: 3%;
 	text-align: left;
 	border: 0.5px solid white;
 	border-radius: 0px;
@@ -57,16 +65,17 @@ h1 {
 
 .main_img {
 	position: static;
-	width: 50%;
+	width: 60%;
   	height: auto;
 	border-radius: 70%;
 	object-fit: cover;
+	/*border: 0.5px solid rgb(227, 27, 143);*/
 }
 
 .contacts {
 	order: 2;
-	padding: 15px;
-	margin: 20px;
+	padding: 2%;
+	margin: 3%;
 	text-align: left;
 	border: 0.5px solid white;
 	border-radius: 0px;