diff --git a/Creat Modal - B3/style.css b/Creat Modal - B3/style.css
index 730d8a4..3070158 100644
--- a/Creat Modal - B3/style.css	
+++ b/Creat Modal - B3/style.css	
@@ -1,188 +1 @@
-* {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-}
-body {
-  width: 100%;
-  height: 100vh;
-  margin: 0 auto;
-  background: linear-gradient(120deg, #fc00ff, #00dbde);
-}
-.wrap-modal {
-  display: grid;
-  place-items: center;
-}
-.modal {
-  position: relative;
-  width: 300px;
-  height: 340px;
-  margin: 350px 0 0 100px;
-  background-color: #748ffc;
-  transform-style: preserve-3d;
-  transform: perspective(2000px) rotate(-20deg) skew(15deg) scale(0.8);
-  -webkit-transform: perspective(2000px) rotate(-20deg) skew(15deg) scale(0.8);
-  -moz-transform: perspective(2000px) rotate(-20deg) skew(15deg) scale(0.8);
-  -ms-transform: perspective(2000px) rotate(-20deg) skew(15deg) scale(0.8);
-  -o-transform: perspective(2000px) rotate(-20deg) skew(15deg) scale(0.8);
-  transition: 0.5s;
-  box-shadow: -30px 30px 10px rgba(0, 0, 0, 0.5);
-}
-
-.modal h1 {
-  margin-top: 140px;
-  text-align: center;
-}
-.modal p {
-  font-size: 10px;
-  margin-top: 160px;
-  text-align: center;
-}
-.modal:hover {
-  cursor: pointer;
-  transform: translate(25%, -25%) perspective(2000px) rotate(0deg) skew(5deg);
-  -webkit-transform: translate(25%, -25%) perspective(2000px) rotate(0deg)
-    skew(5deg);
-  -moz-transform: translate(25%, -25%) perspective(2000px) rotate(0deg)
-    skew(5deg);
-  -ms-transform: translate(25%, -25%) perspective(2000px) rotate(0deg)
-    skew(5deg);
-  -o-transform: translate(25%, -25%) perspective(2000px) rotate(0deg) skew(5deg);
-  box-shadow: -30px 30px 10px rgba(0, 0, 0, 0.5);
-}
-.show-modal-box {
-  transform: translate(25%, -25%) perspective(2000px) rotate(0deg) skew(5deg);
-  -webkit-transform: translate(25%, -25%) perspective(2000px) rotate(0deg)
-    skew(5deg);
-  -moz-transform: translate(25%, -25%) perspective(2000px) rotate(0deg)
-    skew(5deg);
-  -ms-transform: translate(25%, -25%) perspective(2000px) rotate(0deg)
-    skew(5deg);
-  -o-transform: translate(25%, -25%) perspective(2000px) rotate(0deg) skew(5deg);
-  box-shadow: -30px 30px 10px rgba(0, 0, 0, 0.5);
-}
-.modal::after {
-  content: "";
-  position: absolute;
-  top: 10px;
-  left: -20px;
-  width: 20px;
-  height: 100%;
-  background: #91a7ff;
-  transition: 0.5s;
-  transform: rotate(0deg) skewY(-45deg);
-  -webkit-transform: rotate(0deg) skewY(-45deg);
-  -moz-transform: rotate(0deg) skewY(-45deg);
-  -ms-transform: rotate(0deg) skewY(-45deg);
-  -o-transform: rotate(0deg) skewY(-45deg);
-}
-.modal::before {
-  content: "";
-  position: absolute;
-  bottom: -20px;
-  left: -10px;
-  height: 20px;
-  width: 100%;
-  background: #91a7ff;
-  transition: 0.5s;
-  transform: rotate(0deg) skewX(-45deg);
-}
-.outside-modal {
-  position: absolute;
-  width: 300px;
-  height: 340px;
-  margin: 350px 0 0 100px;
-  background-color: rgb(116, 143, 252, 0.5);
-  transform-style: preserve-3d;
-  transform: translate(125%, -25%) perspective(2000px) rotateY(-200deg)
-    skew(-5deg);
-  -webkit-transform: translate(125%, -25%) perspective(2000px) rotateY(-200deg)
-    skew(-5deg);
-  -moz-transform: translate(125%, -25%) perspective(2000px) rotateY(-200deg)
-    skew(-5deg);
-  -ms-transform: translate(125%, -25%) perspective(2000px) rotateY(-200deg)
-    skew(-5deg);
-  -o-transform: translate(125%, -25%) perspective(2000px) rotateY(-200deg)
-    skew(-5deg);
-  opacity: 0;
-  visibility: hidden;
-  transform-origin: bottom left;
-}
-
-.show-outside-modal {
-  opacity: 1;
-  visibility: visible;
-  transform: translate(-70%, -25%) perspective(2000px) rotateY(0deg) skew(5deg);
-  -webkit-transform: translate(-70%, -25%) perspective(2000px) rotateY(0deg)
-    skew(5deg);
-  -moz-transform: translate(-70%, -25%) perspective(2000px) rotateY(0deg)
-    skew(5deg);
-  -ms-transform: translate(-70%, -25%) perspective(2000px) rotateY(0deg)
-    skew(5deg);
-  -o-transform: translate(-70%, -25%) perspective(2000px) rotateY(0deg)
-    skew(5deg);
-}
-.contain-text-outside-modal {
-  width: 100%;
-  height: 100%;
-  transform: rotateY(180deg);
-  -webkit-transform: rotateY(180deg);
-  -moz-transform: rotateY(180deg);
-  -ms-transform: rotateY(180deg);
-  -o-transform: rotateY(180deg);
-}
-.contain-text-outside-modal h1 {
-  margin-top: 140px;
-  text-align: center;
-  opacity: 0.1;
-}
-.wrap-show--modal {
-  position: fixed;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  display: grid;
-  place-items: center;
-  background-color: rgb(0, 0, 0, 0.2);
-  transition: 0.5s;
-  opacity: 0;
-  visibility: hidden;
-}
-.active-alert--modal {
-  opacity: 1;
-  visibility: visible;
-}
-.show-modal {
-  position: absolute;
-  width: 480px;
-  padding: 16px 32px;
-  text-align: center;
-  color: #fff;
-  background: radial-gradient(
-    circle,
-    rgba(238, 174, 202, 1) 0%,
-    rgba(148, 187, 233, 1) 100%
-  );
-  border-radius: 10px;
-  -webkit-border-radius: 10px;
-  -moz-border-radius: 10px;
-  -ms-border-radius: 10px;
-  -o-border-radius: 10px;
-  transform: translateY(-1000%);
-  -webkit-transform: translateY(-1000%);
-  -moz-transform: translateY(-1000%);
-  -ms-transform: translateY(-1000%);
-  -o-transform: translateY(-1000%);
-  transition: 0.5s;
-  -webkit-transition: 0.5s;
-  -moz-transition: 0.5s;
-  -ms-transition: 0.5s;
-  -o-transition: 0.5s;
-}
-.active-modal-child {
-  transform: translateY(0%);
-  -webkit-transform: translateY(0%);
-  -moz-transform: translateY(0%);
-  -ms-transform: translateY(0%);
-  -o-transform: translateY(0%);
-}
+.modal,.modal:hover{-webkit-box-shadow:-30px 30px 10px rgba(0,0,0,.5)}.modal,.outside-modal{width:300px;height:340px;margin:350px 0 0 100px}.modal h1,.modal p,.show-modal{text-align:center}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body{width:100%;height:100vh;margin:0 auto;background:-o-linear-gradient(330deg,#fc00ff,#00dbde);background:linear-gradient(120deg,#fc00ff,#00dbde)}.wrap-modal{display:-ms-grid;display:grid;place-items:center}.modal{position:relative;background-color:#748ffc;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transform:perspective(2000px) rotate(-20deg) skew(15deg) scale(.8);-webkit-transform:perspective(2000px) rotate(-20deg) skew(15deg) scale(.8);-moz-transform:perspective(2000px) rotate(-20deg) skew(15deg) scale(.8);-ms-transform:perspective(2000px) rotate(-20deg) skew(15deg) scale(.8);-o-transform:perspective(2000px) rotate(-20deg) skew(15deg) scale(.8);-webkit-transition:.5s;-o-transition:.5s;transition:.5s;box-shadow:-30px 30px 10px rgba(0,0,0,.5)}.modal::after,.modal::before{content:"";background:#91a7ff;-webkit-transition:.5s;-o-transition:.5s;position:absolute}.modal h1{margin-top:140px}.modal p{font-size:10px;margin-top:160px}.modal:hover{cursor:pointer;transform:translate(25%,-25%) perspective(2000px) rotate(0) skew(5deg);-webkit-transform:translate(25%,-25%) perspective(2000px) rotate(0) skew(5deg);-moz-transform:translate(25%,-25%) perspective(2000px) rotate(0) skew(5deg);-ms-transform:translate(25%,-25%) perspective(2000px) rotate(0) skew(5deg);-o-transform:translate(25%,-25%) perspective(2000px) rotate(0) skew(5deg);box-shadow:-30px 30px 10px rgba(0,0,0,.5)}.show-modal-box{transform:translate(25%,-25%) perspective(2000px) rotate(0) skew(5deg);-webkit-transform:translate(25%,-25%) perspective(2000px) rotate(0) skew(5deg);-moz-transform:translate(25%,-25%) perspective(2000px) rotate(0) skew(5deg);-ms-transform:translate(25%,-25%) perspective(2000px) rotate(0) skew(5deg);-o-transform:translate(25%,-25%) perspective(2000px) rotate(0) skew(5deg);-webkit-box-shadow:-30px 30px 10px rgba(0,0,0,.5);box-shadow:-30px 30px 10px rgba(0,0,0,.5)}.modal::after{top:10px;left:-20px;width:20px;height:100%;transition:.5s;transform:rotate(0) skewY(-45deg);-webkit-transform:rotate(0) skewY(-45deg);-moz-transform:rotate(0) skewY(-45deg);-ms-transform:rotate(0) skewY(-45deg);-o-transform:rotate(0) skewY(-45deg)}.modal::before{bottom:-20px;left:-10px;height:20px;width:100%;transition:.5s;-webkit-transform:rotate(0) skewX(-45deg);-ms-transform:rotate(0) skewX(-45deg);transform:rotate(0) skewX(-45deg)}.outside-modal{position:absolute;background-color:rgb(116,143,252,.5);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transform:translate(125%,-25%) perspective(2000px) rotateY(-200deg) skew(-5deg);-webkit-transform:translate(125%,-25%) perspective(2000px) rotateY(-200deg) skew(-5deg);-moz-transform:translate(125%,-25%) perspective(2000px) rotateY(-200deg) skew(-5deg);-ms-transform:translate(125%,-25%) perspective(2000px) rotateY(-200deg) skew(-5deg);-o-transform:translate(125%,-25%) perspective(2000px) rotateY(-200deg) skew(-5deg);opacity:0;visibility:hidden;-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left}.show-outside-modal{opacity:1;visibility:visible;transform:translate(-70%,-25%) perspective(2000px) rotateY(0) skew(5deg);-webkit-transform:translate(-70%,-25%) perspective(2000px) rotateY(0) skew(5deg);-moz-transform:translate(-70%,-25%) perspective(2000px) rotateY(0) skew(5deg);-ms-transform:translate(-70%,-25%) perspective(2000px) rotateY(0) skew(5deg);-o-transform:translate(-70%,-25%) perspective(2000px) rotateY(0) skew(5deg)}.contain-text-outside-modal{width:100%;height:100%;transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg)}.contain-text-outside-modal h1{margin-top:140px;text-align:center;opacity:.1}.wrap-show--modal{position:fixed;top:0;width:100%;height:100%;display:-ms-grid;display:grid;place-items:center;background-color:rgb(0,0,0,.2);-webkit-transition:.5s;-o-transition:.5s;transition:.5s;opacity:0;visibility:hidden}.active-alert--modal{opacity:1;visibility:visible}.show-modal{position:absolute;width:480px;padding:16px 32px;color:#fff;background:-o-radial-gradient(circle,#eeaeca 0,#94bbe9 100%);background:radial-gradient(circle,#eeaeca 0,#94bbe9 100%);border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;transform:translateY(-1000%);-webkit-transform:translateY(-1000%);-moz-transform:translateY(-1000%);-ms-transform:translateY(-1000%);-o-transform:translateY(-1000%);transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}.active-modal-child{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}
\ No newline at end of file