Improve arrows in homepage carrousel

Signed-off-by: Henrique V. Ehrenfried <hvehrenfried@inf.ufpr.br>

src/Components/carousel.css

@@ -21,15 +21,28 @@ along with Plataforma Integrada MEC.  If not, see <http://www.gnu.org/licenses/>
 }
 .carousel .control-arrow {
   background: orange !important;
-  position: relative !impontant;
-}
-.carousel.carousel-slider .control-arrow {
-    top: 40% !important;
-    bottom: 50% !important;
-    border-radius: 100% !important;
-    opacity: 0.8 !important;
-    padding: 12px !important;
+  /* position: relative !important; */
+
+  -webkit-box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
+  box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
+
+
+
+
 }
+
 .MuiPaper-elevation1-209{
   box-shadow: none !important;
 }
+
+
+.carousel.carousel-slider .control-arrow {
+  top: 35%!important;
+  bottom: 50%!important;
+  border-radius: 100%!important;
+  opacity: 1!important;
+  text-align: center;
+  vertical-align: middle;
+  height: 50px;
+  width: 50px;
+}