modificacoes na tela - detalhe de um evento

public/css/layout.css

@@ -25,13 +25,9 @@ body{
   background-color: rgb(0, 140, 255);;
   border-color: rgb(0, 140, 255);;
 }
-.btn-primary:hover{
-  background-color: rgb(212, 216, 219);
-  border-color: rgb(212, 216, 219);
-}
+
 
 .card{
-  margin: 20px;
   box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
   transition: 0.2s;
 }
@@ -143,10 +139,7 @@ body{
   border-radius: 10px;
 }
 
-.btn:hover {
-  background-color: rgb(212, 216, 219);
-  color: black;
-}
+
 
 .negrito {
   font-weight: bolder;

public/css/style.css

@@ -82,14 +82,7 @@ body{
     padding: 7px;
 }
 
-.card{
-    margin: 20px;
-    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
-    transition: 0.2s;
-}
-.card:hover{
-    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-}
+
 .titulo{
     margin:7% 0 2% 0;
     border-bottom: 2px solid #ccc;

resources/views/layouts/app.blade.php

@@ -23,6 +23,9 @@
     <link href="{{ asset('css/layout.css') }}" rel="stylesheet">
 
     <style>
+    body{
+        background-color: #f8fafc
+    }
       .styleRodape {
         background-color: rgb(0, 140, 255);;
         text-align: center;