Modified Alerts

app/globals.css

@@ -26,6 +26,10 @@ body {
   overflow: hidden;
 }
 
+main {
+  position: relative;
+}
+
 header {
   display: grid;
   grid-template-columns: auto 1fr;
@@ -215,6 +219,14 @@ button {
   background-color: #15803d;
 }
 
+.buttonCancel {
+  background-color: #d32f2f;
+}
+
+.buttonCancel:hover {
+  background-color: #d12020;
+}
+
 .absoluteButton {
   position: absolute;
   bottom: 1rem;
@@ -406,6 +418,12 @@ table tr {
   width: 300px;
 }
 
+.containerAlert {
+  position: absolute;
+  background-color: #003e79;
+  z-index: 10;
+}
+
 @media (max-width: 1330px) {
   .mainContainer {
     grid-template-rows: 60px 1fr;