start styled log in migration

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 (

src/login_reg.css

@@ -6,12 +6,7 @@
 }
 
 .Apper__Aside {
-  width: 50%;
+ 
-  background-color: #66bfbf;
-  display:flex;
-  flex-direction: column;
-  justify-content: flex-end;
-  
 
 }