body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;margin:0}#root{height:100%}.app{height:100%;justify-content:space-between}.app,.header{align-items:center;display:flex;flex-direction:column}.header{justify-content:center}.header h1{font-size:8rem;margin:50px 20px 0;text-align:center}.header h2{margin:0}.color-section{align-items:center;display:flex;flex-direction:column;flex-grow:1;width:100%}.color-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:100px 20px;max-width:480px}.color{border-radius:100%;box-shadow:1px 1px 0 0 #9090903d;padding:10px}.color-item{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}.color-item span{color:#000;cursor:default;font-size:.5rem;font-weight:800;letter-spacing:.05rem;margin-top:5px;text-transform:uppercase}.color-item button{background-color:initial;border:none;color:#a20000;cursor:pointer;font-weight:900}.color-item button:hover{opacity:30%}.color-item h5{color:hsla(0,0%,98%,.618);font-size:.6rem;position:absolute;text-transform:uppercase;top:19px}.add-color-container{align-items:center;display:flex;flex-direction:column;margin-top:100px;position:relative}.add-color-container label{font-weight:600}.add-color-container input{background-color:initial;border:1px solid gray;border-inline:1px;border-radius:5px;margin-right:10px;outline:none;padding:10px}.add-color-container input::placeholder{color:#b4b4b4}.add-color-container button{background-color:#363636;border-inline:1px;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px}.add-color-container button:hover{background-color:#6a6a6a}.footer{align-items:center;background-color:#e9e9e9;display:flex;flex-direction:column;gap:5px;justify-content:center;padding:50px 0;width:100vw}.footer a{color:#000;font-size:.8rem}.footer img{width:60px}.error-messege{bottom:-25px;font-size:.8rem;position:absolute}
/*# sourceMappingURL=main.6a523d12.css.map*/