body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.container{background:#0a0e31;border-radius:10px;box-shadow:0 0 5px #00000073,0 4px 8px #00000059,0 8px 12px #00000026;font-family:Montserrat;height:300px;padding:10px 25px;width:400px}@media (max-width:768px){.container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:10px;width:300px}}.container .heading{color:#fff;font-size:1.75rem;margin:10px -5px 30px}@media (max-width:768px){.container .heading{font-size:20px}}.container .inputbox{display:flex;flex-direction:row;margin-right:10px}.container .inputbox input{padding:10px;width:100%}.container .inputbox button{background-color:#3498db;border:none;color:#fff;cursor:pointer;width:30%}.container .inputbox button:hover{background-color:#db7093}.container .attributes{color:#fff;display:flex;flex-direction:column;margin-top:10px}@media (min-width:769px){.container .attributes{flex-direction:row}}.container .attributes .range{flex:1 1;margin-right:10px}.container .attributes .range input{width:100%}.container .attributes .CharAllowed,.container .attributes .numberAllowed{align-items:center;display:flex;margin-bottom:10px}.container .attributes .CharAllowed input,.container .attributes .numberAllowed input{margin-right:5px}.container .show{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px;width:20%}.container .show:hover{background-color:#db7093}.container .message{color:red;font-size:16px;font-weight:700;margin-top:12px}
/*# sourceMappingURL=main.d9821563.css.map*/