style: update style

src/styles/index.scss

@@ -82,59 +82,10 @@ img {
   }
 }
 
-.notyf {
+@media only screen and (min-width: 768px) {
-  left: 30px;
-  right: auto;
-}
-
-@media only screen and (max-width: 768px) {
   .notyf {
-    left: 0;
+    left: 30px;
-    right: 0;
+    right: auto;
-    width: 100%;
-  }
-
-  @keyframes a {
-    0% {
-      bottom: -15px;
-      margin-top: 0;
-      max-height: 0;
-      max-width: 0;
-      opacity: 0;
-    }
-
-    30% {
-      bottom: -3px;
-      opacity: 0.8;
-    }
-
-    to {
-      bottom: 0;
-      margin-top: 12px;
-      max-height: 200px;
-      max-width: 100%;
-      opacity: 1;
-    }
-  }
-
-  .notyf__message {
-    animation: a 0.3s forwards;
-    animation-delay: 0.15s;
-    position: relative;
-    width: 100%;
-  }
-}
-
-.notyf__toast {
-  &.notyf--confirm {
-    background-color: $primary;
-  }
-}
-
-.notyf__icon--confirm {
-  &::after,
-  &::before {
-    background-color: $primary;
   }
 }