diff --git a/src/components/LogInContainer.js b/src/components/LogInContainer.js
index 52c3a4b..9285cbd 100644
--- a/src/components/LogInContainer.js
+++ b/src/components/LogInContainer.js
@@ -6,6 +6,22 @@ import Footer from './Footer';
 
 import '../login_reg.css';
 
+const BaseApp = styled.div`
+  display: flex;
+  color: white;
+  height:100vh;
+
+`;
+
+const Aside = styled.div`
+  width: 50%;
+  background-color: #66bfbf;
+  display:flex;
+  flex-direction: column;
+  justify-content: flex-end;
+
+`;
+
 const LogInContainer = (props) => {
     return (
         <BrowserRouter basename="user">
diff --git a/src/login_reg.css b/src/login_reg.css
index 5b16d14..7211ce1 100644
--- a/src/login_reg.css
+++ b/src/login_reg.css
@@ -1,16 +1,8 @@
 @import url('https://fonts.googleapis.com/css?family=Montserrat|Ubuntu');
 .Apper {
-  display: flex;
-  color: white;
-  height:100vh;
 }
 
 .Apper__Aside {
-  width: 50%;
-  background-color: #66bfbf;
-  display:flex;
-  flex-direction: column;
-  justify-content: flex-end;
   
 
 }