@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200&display=swap);*{margin:0;padding:0;box-sizing:border-box;font-family:"Poppins",sans-serif}body{background:#fff}h1{letter-spacing:3px;text-align:center;padding:2px;text-transform:uppercase;font-weight:lighter}h1,p{color:#000}p{margin:.5rem;letter-spacing:2px}.container{display:flex;flex-direction:column;align-items:center;min-height:100vh}.content{display:grid;grid-template-columns:1fr 1fr auto;margin:1rem auto;min-height:auto}.btn{padding:7px;background:transparent;color:#000;border:none;box-shadow:0 0 0 1px violet;cursor:pointer;border-radius:5px;transition:all .2s ease;font-weight:bolder;margin:1rem}.btn:hover{box-shadow:0 0 3px 2px #8a2be2}@media screen and (max-width:650px){.content{grid-template-columns:1fr 1fr}}.div-component{display:flex;justify-content:center;width:15rem;height:5rem;align-items:center;position:relative;margin:1rem;word-wrap:break-word}.div-number{position:absolute;top:0;left:0;padding:6px;background:#fff;outline:0;box-shadow:0 0 0 1px #adff2f;color:#000;border-bottom-right-radius:10px}.div-color{text-align:center;letter-spacing:1px;max-width:90%;font-weight:bolder}@media screen and (max-width:800px){.div-component{width:12rem}}@media screen and (max-width:450px){.div-component{width:9rem}.div-number{padding:3px}}
/*# sourceMappingURL=main.479842f3.chunk.css.map */