@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap);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{align-items:center;font-family:DM Sans,sans-serif;font-optical-sizing:auto;height:100vh;margin-top:-15px;overflow:hidden;text-align:center;width:100vw}.App,.output-container{display:flex;flex-direction:column;justify-content:center}.output-container{align-items:flex-start}.material-symbols-sharp{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}::selection{background:#05203a12}.illustration-container{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.illustration-name{color:#515151;cursor:pointer;font-size:16px;font-weight:300;text-align:start;-webkit-user-select:none;user-select:none;width:80px}.illustration-actions{align-items:center;display:flex;flex-direction:row;height:24px;justify-content:space-between;width:60vh}.download-icon{color:#515151;cursor:pointer;font-size:22px;font-weight:300}.illustration-name:hover{color:#05203a;text-decoration:underline;-webkit-text-decoration-color:#05203a;text-decoration-color:#05203a}.illustration{box-shadow:0 20px 40px #05203a09;height:60vh!important;width:60vh!important}.color-tags{align-items:space-between;justify-content:space-between;margin-top:12px;width:60vh}.color-tag,.color-tags{display:flex;flex-direction:row}.color-tag{align-items:flex-start;justify-content:center}.color-tag-info-container{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;margin-left:12px}.color-tag-title{font-size:18px;font-weight:500;margin:0}.color-tag-info{color:#515151;cursor:pointer;font-size:16px;font-weight:300;margin:2px 0 0;text-align:left;-webkit-user-select:none;user-select:none;width:150px}.color-tag-info:hover{color:#05203a;text-decoration:underline;-webkit-text-decoration-color:#05203a;text-decoration-color:#05203a}.info-container{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;margin-top:10px;width:60vh}hr{border:none;border-top:1px solid #e0e0e0;margin:16px 0;width:100%}.method-container{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;margin:8px 0 0;width:60vh}.method-title{display:flex;flex-direction:row;font-size:18px;font-weight:500;margin:0;text-align:left}.method-info{font-size:15px;font-weight:300;height:35px;margin:0;text-align:left}.header{align-items:center;display:flex;flex-direction:row;height:50px;justify-content:flex-start;margin-top:30px;padding-bottom:8px;width:60vh}.tre{font-size:64px;font-weight:400}.info{color:#515151;font-size:14px;font-weight:300;margin-left:14px;margin-top:26px;text-align:left}.contact-info{color:#1f1f1f;font-size:13px;font-weight:200;height:40px;margin-top:-6px;text-align:left}.lock-toggle{cursor:pointer;font-size:16px;padding-right:5px;padding-top:2px;-webkit-user-select:none;user-select:none}.lock-toggle:hover{color:#05203a}.export-popup{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;position:fixed;right:0;top:0;width:100vw;z-index:1000}.export-content{padding:10px;width:60vh}.export-info{font-size:24px;font-weight:200;margin-left:10px;margin-top:55px}.export-header{height:50px;justify-content:space-between;padding-bottom:8px;width:60vh}.export-header,.popup-buttons{align-items:center;display:flex;flex-direction:row}.popup-buttons{gap:40px;justify-content:center;margin-top:40px}.popup-button{cursor:pointer;font-size:16px;font-weight:200;text-decoration:underline;text-decoration-thickness:1px}.export-illustration{flex-direction:column;height:60vh;width:60vh}.export-illustration,.generate-button{align-items:center;display:flex;justify-content:center}.generate-button{background-color:#202020;border-radius:12px;bottom:23px;box-shadow:0 0 20px #13131316;color:#fff;cursor:pointer;display:none;font-size:16px;font-weight:300;height:65px;left:2.5vw;position:fixed;right:2.5vw;-webkit-user-select:none;user-select:none;width:95vw}@media only screen and (max-width:600px){.App{align-items:center;display:flex;height:1180px;justify-content:flex-start;overflow:hidden;width:100vw}.header{margin-top:32px;padding-bottom:0;width:45vh}.tre{font-size:48px;width:48px}.info{font-size:13px;margin-right:14px;margin-top:52px}.illustration{height:45vh!important;width:45vh!important}.illustration-actions{width:45vh}.download-icon{display:none}.illustration-name{font-size:14px;width:60px}.computer-instructions{visibility:hidden}.illustration-container{width:45vh}.info-container{margin-top:12px;width:45vh}.color-tags{align-items:flex-start;flex-direction:column;justify-content:center;width:45vh}.color-tag{margin-top:5px}.color-tag-info{font-size:14.5px}.output-container{align-items:center;flex-direction:column;justify-content:center}.color-tag-title{font-size:16px}.method-container{align-items:flex-start;display:flex;justify-content:center;width:45vh}.method-title{font-size:16px}.method-info{font-size:14px;height:60px}.lock-toggle{font-size:14.5px}.generate-button{display:flex}}
/*# sourceMappingURL=main.c9035b2d.css.map*/