Изменение стилей страницы Login

login.html

@@ -23,7 +23,7 @@
 				<p class="workout-area"><a class="side-href" href="workout.html">Программа тренировок</a></p>
 			</section>
 			<section class="main-content login-main-content" id="main-content">
-				<h1 class="page-title">Вход</h1>
+				<h1 id="loginh1" class="page-title">Вход</h1>
 				<section class="login-main">
 					<section class="login-left"></section>
 					<section class="login-form">

src/styles/style.css

@@ -329,7 +329,7 @@ h2 {
 }
 
 .login-main-content {
-	height: 300px;
+	height: auto;
 	padding-bottom: 10px;
 }
 
@@ -337,6 +337,11 @@ h2 {
 	width: 50%;
 	text-align: center;
 	grid-area: login-form;
+	padding-bottom: 20px;
+}
+
+#loginh1 {
+	padding-top: 20px;
 }
 
 .login-input {

src/styles/styleMobile.css

@@ -304,3 +304,71 @@ h2 {
 	height: 40%;	
 	text-align:center;
 }
+
+.login-main-content {
+	height: auto;
+	padding-bottom: 10px;
+}
+
+.login-form {
+	width: 50%;
+	text-align: center;
+	grid-area: login-form;
+	padding-bottom: 20px;
+}
+
+#loginh1 {
+	padding-top: 20px;
+}
+
+.login-input {
+	width: 100%;
+	border: none;
+	border-radius: 5px;
+	height: 30px;
+}
+
+.login-button {
+	background-color: #609A21;
+	border: none;
+	border-radius: 5px;
+	width: 90%;
+	color: #E0E0E0;	
+	font-family: segoe print;
+	font-size: 16px;
+	margin-top: 5px;
+}
+
+.login-main {
+	padding-left: 10px;
+	width: 97%;
+	display: grid;
+	grid-template-columns: 35% 60% 5%;
+	grid-template-areas: "login-left login-form login-right";
+}
+
+.login-left {
+	grid-area: login-left;
+}
+
+.login-right {
+	grid-area: login-right;
+}
+
+#login {
+	margin-bottom: 10px;	
+	font-family: Arial;
+	font-size: 16px;
+}
+
+#password {
+	margin-bottom: 10px;	
+	font-family: Arial;
+	font-size: 16px;
+}
+
+.password-label {
+	font-family: segoe print;
+	font-size: 14px;
+	color: #E0E0E0;
+}