.alert-container{color:#fff;opacity:.9;z-index:1000;border-radius:8px;padding:16px 20px;font-size:16px;animation:.3s ease-in-out fadeIn,.3s ease-in-out 2.7s fadeOut;position:fixed;top:90%;right:20px}.alert-container.success{background-color:var(--main-color);color:#fff!important}.alert-container.error{background-color:#ff5f5f;color:#fff!important}.alert-container.info{background-color:#0af;color:#fff!important}.alert-message{margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:.9;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:.9;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.app-container button{background-color:var(--main-color);color:#fff;cursor:pointer;border:none;border-radius:4px;margin-right:10px;padding:10px 15px;font-size:16px;transition:background-color .3s}.app-container button:hover{background-color:var(--main-hover-color)}