Удалили мёртвые классы

src/App.vue

@@ -174,6 +174,7 @@ html {
 
 .wraper {
   display: flex;
+  justify-content: center;
 }
 
 .grid {
@@ -235,17 +236,4 @@ html {
   margin: 5px;
   transition: 0.3s;
 }
-
-.modal {
-  background-color: #2f2f2f;
-}
-
-.modal-body{
-  size: 20px;
-  font-size: 20px;
-}
-
-.btn-green :hover {
-  background-color: rgb(229, 67, 67);
-}
 </style>

src/components/MyDialog.vue

@@ -50,7 +50,7 @@ function closeModal() {
 }
 
 .modal {
-  background: #FFFFFF;
+  background: #2f2f2f;
   box-shadow: 2px 2px 20px 1px;
   overflow-x: auto;
   display: flex;
@@ -115,14 +115,4 @@ function closeModal() {
   color: red;
   background: transparent;
 }
-
-.modal-fade-enter,
-.modal-fade-leave-active {
-  opacity: 0;
-}
-
-.modal-fade-enter-active,
-.modal-fade-leave-active {
-  transition: opacity 0.5s ease;
-}
 </style>