.notification{position:fixed;top:20px;left:50%;transform:translate(-50%);width:80%;max-width:600px;padding:20px;background-color:#272727;box-shadow:0 2px 10px #0000001a;z-index:9999;text-align:center;border-radius:15px;opacity:0;visibility:hidden;transition:top .5s ease-in-out,opacity .5s ease-in-out,visibility 0s .5s}.notification p{margin:0;color:#fff;font-family:Arial;font-style:normal;font-weight:700;line-height:78%}.notification.hidden{top:-100px;opacity:0;visibility:hidden;transition:top .5s ease-in-out,opacity .5s ease-in-out,visibility 0s .5s}.notification.show{top:100px;opacity:1;visibility:visible;transition:top .5s ease-in-out,opacity .5s ease-in-out}