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}.nav{background-color:#bdc6c1;font-size:32px;font-weight:500;height:70px;margin:-.8%}.main{background-color:#e0ebe5;display:flex;justify-content:center;width:100%}.optionBox{margin:1rem;width:45%}.optionBox>div,.start{text-align:start}.resultBox{margin:1rem;width:40%}.box{background-color:#b9c1bd}#color,.box{margin:1rem;padding:1rem}#color{background-color:#bac3be}.heading{background-color:grey;color:#222;margin:0}.imagediv{border:1px solid #000;border-radius:100%;height:200px;margin:auto;width:200px}.imagediv>img{border-radius:100%;box-sizing:initial;height:100%;width:100%}.selectbutton{border:1px solid;margin:5px;padding:3px;transition:.3s}#sandal{background-color:#d2bba1}#green{background-color:#aed5ae}#blue{background-color:#aaacd0}#orange{background-color:#d6a8b3}#violet{background-color:#c7a3c7}#white{background-color:#cfd2d0;border:1px solid #706868}button{cursor:pointer}.btn:hover{box-shadow:0 10px 36px 0 rgba(0,0,0,.16),0 0 0 1px rgba(0,0,0,.06)}.start{background-color:#b9c1bd;margin:1rem;padding:1rem}#input{width:210px}textarea{width:100%}.textarea{width:240%}*{box-sizing:border-box}@media only screen and (max-width:480px){*{margin-top:-1.3%}.main{border:2px solid navy;display:block;padding-bottom:200px;width:100%}.optionBox,.resultBox{margin:auto;width:100%}textarea{margin-top:1%}.textarea,textarea{width:100%}}@media only screen and (max-width:800px){*{margin-top:-.4%}.App{width:auto}.main{border:2px solid navy;display:block;padding-bottom:500px;width:100%}.optionBox,.resultBox{margin:auto;width:100%}textarea{margin-top:1%}.textarea,textarea{width:100%}}@media only screen and (min-width:800px) and (max-width:980px){*{margin-top:-.3%}.App{width:auto}.main{border:2px solid navy;display:block;padding-bottom:700px;width:100%}.optionBox,.resultBox{margin:auto;width:100%}textarea{margin-top:1%}.textarea,textarea{width:100%}}
/*# sourceMappingURL=main.fad87c48.css.map*/