.modal-container{position:fixed;height:100%;width:100%;top:0;left:0;background:rgba(0,0,0,.6);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;display:none;padding:2rem}.modal-container.active{display:flex}.modal-container .modal{position:relative;padding:1.5rem 2rem;display:flex;flex-direction:column;align-items:center;font-family:Roboto Condensed,sans-serif;outline:10px solid var(--main-color);border:10px solid #ff0;font-size:1.3rem;line-height:1.5;gap:.5rem;max-width:85vw;background:var(--main-color);box-shadow:0 0 50px var(--main-color)}.modal-container .modal .emoji{position:absolute;font-size:var(--fontSize);bottom:var(--bottom);right:var(--right);animation:emoji 1s ease infinite;animation-delay:calc(var(--i) * .6s)}@keyframes emoji{0%,to{rotate:0deg;transform:translate(0)}25%,75%{rotate:15deg;transform:translate(calc(var(--right) * 5px),calc(var(--bottom) * 5px))}50%{rotate:-15deg;scale:1.2}}.modal .close-modal{position:absolute;font-size:1.5rem;color:#000;top:1rem;right:1rem;font-weight:900;cursor:pointer}@media(max-width:1000px){.modal-container .modal{padding:1.5rem}.modal p{font-size:1.2rem!important}.modal .close-modal{font-size:1rem}}@media(max-width:800px){.modal-container .modal{width:calc(100vw - 4rem);max-height:none;max-width:none;overflow-y:scroll}}@media(max-width:600px){.modal p{font-size:1.1rem!important}}