body{background-color:#fcdc94;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.notification{position:relative;display:flex;align-items:center;gap:10px;padding:15px 25px;border-radius:8px;box-shadow:0 2px 4px #0003;font-family:sans-serif;overflow:hidden;width:280px}.success{background-color:#e7f0dc;border-left:5px solid #597445;color:#597445}.info{background-color:#f2efe7;border-left:5px solid #81BFDA;color:#81bfda}.warning{background-color:#efdcab;border-left:5px solid #D98324;color:#d98324}.error{background-color:#f6ded8;border-left:5px solid #B82132;color:#b82132}.notification .progress{position:absolute;bottom:0;left:0;height:4px;width:100%;animation:progressBar 3s linear forwards}.notification.success .progress{background-color:#597445}.notification.info .progress{background-color:#81bfda}.notification.warning .progress{background-color:#d98324}.notification.error .progress{background-color:#b82132}@keyframes progressBar{0%{width:100%}to{width:0}}.closeBtn{margin-left:5px;cursor:pointer;display:flex;align-items:center}.closeBtn:hover{transform:scale(1.1)}.top-right{position:fixed;top:20px;right:20px}.top-left{position:fixed;top:20px;left:20px}.bottom-right{position:fixed;bottom:20px;right:20px}.bottom-left{position:fixed;bottom:20px;left:20px}.main{display:flex;flex-direction:column;height:100vh;font-family:sans-serif;align-items:center}.btns{display:flex;flex-wrap:wrap;justify-content:space-evenly;height:100px;width:400px;gap:10px;padding:10px;border:2px solid black;background-color:#fff}.btns>button{cursor:pointer;width:180px;height:40px;border-radius:5px;font-family:Roboto,serif;font-optical-sizing:auto}.title{font-family:Open Sans,serif;font-weight:00;font-style:normal}.Success{background-color:#d0e8c5}.Info{background-color:#c6e7ff}.Error{background-color:#ff8080}.Warning{background-color:#ffb38e}button:hover{transform:scale(1.1)}