.popup{--w:min(600px,90vw);position:fixed;left:0;right:0;margin-inline:auto;width:var(--w);background-color:rgba(45,45,45,.9);padding:30px;display:flex;border:1px solid green;border-radius:12px;text-align:center}.popup-show{animation:popupAnima 6s ease-in-out forwards}.popup hr{border-top:1px solid green;margin-block:20px 30px}.popup-error{border-color:#f83333}.popup-error hr{border-top:1px solid #f83333}.popup-info{margin-inline:auto}.popup-info h3{font-size:36px;word-spacing:3px;font-weight:500}.popup-info p{font-size:22px;font-weight:300}@media(max-width:768px){.popup-info h3{font-size:24px}.popup-info p{font-size:14px}}@keyframes popupAnima{0%{top:-100%}10%{top:150px}80%{top:150px}to{top:-100%}}