Mudanças

assets/css/stylesheet.css

@@ -31,13 +31,18 @@ h3 {
     height: 100%;
 }
 
+/* Body  */
+body {
+    transition: background-image 1s;
+    background-size: cover;
+}
+
 /* SIDEBAR-CSS */
 @media only screen and (min-width: 720px) {
     .SideBar {
         /* background-color: black; */
         height: 100%;
-        min-height: 100vh;
-        width: 25vh;
+        width: 200px;
         z-index: 1000;
         /* overflow: hidden; */
         padding-top: 10px;
@@ -46,7 +51,7 @@ h3 {
 @media screen and (max-width: 1080px) {
     .SideBar {
         /* background-color: black; */
-        height: 100vh;
+        height: 100%;
         width: 70px;
         z-index: 1000;
         overflow: hidden;
@@ -61,7 +66,7 @@ h3 {
     }
 .top-sidebar {
     /* height: 10px; */
-    width: 100%;
+    width: 70%;
 }
 .item-menu:hover {
     background-color: #b4f2ff;
@@ -151,9 +156,6 @@ input::placeholder{
     width: auto;
     height: auto;
 }
-.home-greeting{
-    width: 100%;
-}
 .home-text p{
     font-size: 30pt;
 }