diff --git a/src/components/LogInContainer.js b/src/components/LogInContainer.js
index 52c3a4b..c9a10d7 100644
--- a/src/components/LogInContainer.js
+++ b/src/components/LogInContainer.js
@@ -5,6 +5,21 @@ import Login from './Login';
 import Footer from './Footer';
 
 import '../login_reg.css';
+const BaseApp = styled.div`
+  display: flex;
+  color: white;
+  height:100vh;
+
+
+`;
+const AppSide = styled.div`
+  width: 50%;
+  background-color: #66bfbf;
+  display:flex;
+  flex-direction: column;
+  justify-content: flex-end;
+ 
+`;
 
 const LogInContainer = (props) => {
     return (
diff --git a/src/login_reg.css b/src/login_reg.css
index 5b16d14..0914682 100644
--- a/src/login_reg.css
+++ b/src/login_reg.css
@@ -6,12 +6,7 @@
 }
 
 .Apper__Aside {
-  width: 50%;
-  background-color: #66bfbf;
-  display:flex;
-  flex-direction: column;
-  justify-content: flex-end;
-  
+ 
 
 }