*{font-family:San Francisco,sans-serif}body{background:linear-gradient(90deg,#29358f,#ff9d2e)}button{border:3px solid grey;border-radius:30px;float:left;height:60px;margin:5px;width:60px}button:hover{cursor:pointer}button.red{background-color:red;color:#fff}button.green{background-color:green;color:#fff}button.blue{background-color:blue;color:#fff}button.yellow{background-color:#ff0}button.purple{background-color:purple;color:#fff}button.reset{background:linear-gradient(90deg,#29358f,#ff9d2e);color:#fff}button.info{background-color:#fff;color:#000}button.orange{background-color:orange}#portal .container{align-items:center;background:#00000080;bottom:0;display:flex;height:100vh;justify-content:center;left:0;position:fixed;right:0;top:0}.container .modal{animation:animate .3s;background:#d2d2d2;border-radius:5px;display:flex;height:250px;position:relative;width:400px;z-index:1}.modal button{background:crimson;border:none;border-radius:2px;color:#fff;cursor:pointer;font-weight:700;outline:none;padding:8px 11px;position:absolute;right:7px;top:7px}.container .modal h2{justify-content:center;left:130px;position:absolute;top:10px}.container .modal p{left:80px;position:absolute;top:90px;width:250px}@keyframes animate{0%{transform:scale(.5)}to{transform:scale(1)}}
/*# sourceMappingURL=main.7db689c5.css.map*/