diff --git a/root/css/default_style.css b/root/css/default_style.css
new file mode 100644
index 0000000000000000000000000000000000000000..cce0a517494e5f0c01c7e5c0e142dde8ed8f88be
--- /dev/null
+++ b/root/css/default_style.css
@@ -0,0 +1,34 @@
+body {
+ background-color: rgb(210,210,210);
+ color: rgb(250,250,250);
+}
+
+.frame {
+ border: 7px solid rgb(65,62,119);
+ border-radius: 25px;
+ background-color: rgb(92,88,138);
+ margin: 50px auto;
+}
+
+.frame > h1 {
+ text-align: center;
+}
+
+input{
+ width: 100%;
+ margin: 1px auto 15px;
+}
+
+input[type="checkbox"]{
+ width: 0;
+ margin-right: 10px;
+}
+
+a:link, a:visited {
+ color: rgb(250,250,250);
+ text-decoration: none;
+}
+
+a:hover {
+ color: rgb(167,180,4);
+}
\ No newline at end of file
diff --git a/root/css/history.css b/root/css/history.css
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/root/css/login.css b/root/css/login.css
new file mode 100644
index 0000000000000000000000000000000000000000..22bc8dc85856bf76fc26ce32932cf02c049be4b8
--- /dev/null
+++ b/root/css/login.css
@@ -0,0 +1,36 @@
+#login_frame {
+ height: 300px;
+ width: 400px;
+}
+
+
+#login_frame > div {
+ left: 10%;
+ width: 80%;
+ height: auto;
+ position: relative;
+}
+
+#login_frame input[type="submit"] {
+ display: block;
+ width: 40px;
+ margin: 0 auto 15px;
+}
+
+#sign_up_frame {
+ width: 400px;
+ height: 550px;
+}
+
+#sign_up_frame input[type="submit"]{
+ display: block;
+ width: 80px;
+ margin: 15px auto;
+}
+
+#sign_up_frame > div {
+ left: 10%;
+ width: 80%;
+ height: auto;
+ position: relative;
+}
\ No newline at end of file
diff --git a/root/css/main.css b/root/css/main.css
deleted file mode 100644
index ffc2efa8d5182dfab1f6c74551ea7133c13a4163..0000000000000000000000000000000000000000
--- a/root/css/main.css
+++ /dev/null
@@ -1,71 +0,0 @@
-body {
- background-color: rgb(210,210,210);
- color: rgb(250,250,250);
-}
-
-.frame {
- border: 7px solid rgb(65,62,119);
- border-radius: 25px;
- background-color: rgb(92,88,138);
- margin: 50px auto;
- width: 400px;
-}
-
-#login_frame {
- height: 300px;
- width: 400px;
-}
-
-.frame > h1 {
- text-align: center;
-}
-
-#login_frame > div {
- left: 10%;
- width: 80%;
- height: auto;
- position: relative;
-}
-
-input{
- width: 100%;
- margin: 1px auto 15px;
-}
-
-#login_frame input[type="submit"] {
- display: block;
- width: 40px;
- margin: 0 auto 15px;
-}
-
-#sign_up_frame {
- width: 400px;
- height: 550px;
-}
-
-input[type="checkbox"]{
- width: 0;
- margin-right: 10px;
-}
-
-#sign_up_frame input[type="submit"]{
- display: block;
- width: 80px;
- margin: 15px auto;
-}
-
-#sign_up_frame > div {
- left: 10%;
- width: 80%;
- height: auto;
- position: relative;
-}
-
-a:link, a:visited {
- color: rgb(250,250,250);
- text-decoration: none;
-}
-
-a:hover {
- color: rgb(167,180,4);
-}
\ No newline at end of file
diff --git a/root/css/order.css b/root/css/order.css
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/root/css/profile.css b/root/css/profile.css
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/root/login/login.html b/root/login/login.html
index cf11ebe4d8bb33303c508e376364e2cde9911911..0c9b00665617091b5102a021e549ea4f47fe4282 100644
--- a/root/login/login.html
+++ b/root/login/login.html
@@ -2,7 +2,8 @@
<html>
<head>
<title>Login to OneHundred</title>
- <link rel="stylesheet" type="text/css" href="../css/main.css">
+ <link rel="stylesheet" type="text/css" href="../css/default_style.css">
+ <link rel="stylesheet" type="text/css" href="../css/login.css">
</head>
<body>
<div id="login_frame" class="frame">
diff --git a/root/login/sign_up.html b/root/login/sign_up.html
index b73e8172007ce916bba5845064d4c4848a3bac37..00be87dffb34de1c2aa8073aaa3f8fb287bb68d2 100644
--- a/root/login/sign_up.html
+++ b/root/login/sign_up.html
@@ -2,7 +2,8 @@
<html>
<head>
<title>Sign Up</title>
- <link rel="stylesheet" type="text/css" href="../css/main.css">
+ <link rel="stylesheet" type="text/css" href="../css/default_style.css">
+ <link rel="stylesheet" type="text/css" href="../css/login.css">
</head>
<body>
<div id="sign_up_frame" class="frame">