1 files changed, 26 insertions, 27 deletions
diff --git a/main.css b/main.css
index 75245d5..d953fdd 100644
--- a/main.css
+++ b/main.css
@@ -1,7 +1,7 @@
body{
- margin:0;
+ margin:0;
background-color: black;
- color: cyan;
+ color: cyan;
}
* {
@@ -22,46 +22,45 @@ body{
}
#header {
width: 100%;
- height: 150px;
+ height: 150px;
}
#navbar {
height: 40px;
- width: 100%;
+ width: 100%;
}
#navbar ul {
display: flex;
- padding: 0;
- margin: 0;
- list-style-type: none;
- justify-content: space-evenly;
+ padding: 0;
+ margin: 0;
+ list-style-type: none;
+ justify-content: space-evenly;
}
#navbar li {
padding-top: 10px;
}
#navbar li a, li a:visited {
color: #ff1493;
- font-weight: 800;
- text-decoration: none;
+ font-weight: 800;
+ text-decoration: none;
}
#navbar li a:hover {
color: yellow;
- text-decoration: underline;
+ text-decoration: underline;
}
#flex {
display: flex;
}
aside {
background-color: #101010;
- width: 200px;
- padding: 20px;
- font-size: smaller;
+ width: 200px;
+ padding: 20px;
+ font-size: smaller;
}
main {
background-color: black;
- flex: 1;
- padding: 20px;
- order: 2;
- display: flex;
+ flex: 1;
+ padding: 20px;
+ order: 2;
}
#rightSidebar {
order: 3;
@@ -85,18 +84,18 @@ code {
}
@media only screen and (max-width: 800px) {
#flex {
- flex-wrap: wrap;
+ flex-wrap: wrap;
}
- aside {
- width: 100%;
+ aside {
+ width: 100%;
}
- main {
- order: 1;
+ main {
+ order: 1;
}
- #rightSidebar {
- order: 2;
+ #rightSidebar {
+ order: 2;
}
- #navbar ul {
- flex-wrap: wrap;
+ #navbar ul {
+ flex-wrap: wrap;
}
}
|