.App{text-align:center;margin-top:25px}.RetroMan{width:200px;font-family:Tangerine;font-size:40px;display:inline-block}.RetroManImage{height:225px;margin:0 auto;display:block}.RetroWoman{width:200px;font-family:Tangerine;font-size:40px;display:inline-block}.RetroWomanImage{vertical-align:bottom;height:225px;transform:rotateY(180deg)}.ShapeSelector{margin-left:150px;margin-right:150px;font-family:Tangerine;font-size:14px;display:inline-block}.custom-select{resize:none;background-color:#faebd7;width:300px;height:auto;font-family:Calibri;font-size:14px}.btn{width:150px;font-family:Calibri;font-size:14px}.ShapeValidation{margin-top:20px;font-family:Tangerine;font-size:40px}.form-control{resize:none;text-align:right;background-color:#faebd7;width:300px;height:auto;margin:auto;font-family:Calibri;font-size:14px}.ShapeField{width:300px;margin:auto;position:relative}.ShapeField .form-control{padding-left:8em}.ShapeFieldLabel{color:#adb5bd;pointer-events:none;margin:0;font-family:Calibri;font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.ParameterDiv{width:300px;height:200px;margin-top:12px;margin-bottom:10px}.NoShape{width:300px;height:222px;font-family:Calibri}.ShapeStage{aspect-ratio:360/220;width:100%;max-width:420px;margin:0 auto 8px}.ShapeDrawing{width:100%;height:100%;display:block;overflow:visible}.DrawStroke,.DrawDetail{fill:none;stroke:#343a40;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:1px;animation:1.6s ease-in-out forwards pencil}.DrawDetail{stroke-width:1.5px;animation-duration:.5s;animation-delay:1.6s}.ShapeLabel{fill:#343a40;font-family:Calibri,sans-serif;font-size:13px}.ShapeLabel,.DrawLabel{fill:#343a40;opacity:0;animation:.6s ease-out 1.9s forwards fade-in}@keyframes pencil{to{stroke-dashoffset:0}}@keyframes fade-in{to{opacity:1}}@media (prefers-reduced-motion:reduce){.DrawStroke,.DrawDetail,.ShapeLabel,.DrawLabel{stroke-dashoffset:0;opacity:1;animation:none}}@media (width<=1060px){.ShapeSelector{margin-left:24px;margin-right:24px}}@media (width<=760px){.AppComponentStyle{flex-wrap:wrap;justify-content:center;padding:0 16px;display:flex}.RetroMan,.RetroWoman{flex-direction:column;align-items:center;width:50%;font-size:26px;line-height:1.15;display:flex}.RetroWoman{flex-direction:column-reverse;justify-content:flex-end}.RetroManImage,.RetroWomanImage{height:120px}.ShapeSelector{order:1;width:100%;margin:16px 0 0}.custom-select,.form-control,.ShapeField,.ParameterDiv,.NoShape{width:100%;max-width:300px}.ParameterDiv,.NoShape{margin:12px auto 10px}.ParameterDiv{height:auto}.NoShape{height:0}.custom-select,.form-control,.ShapeFieldLabel{font-size:16px}.btn{width:calc(50% - 4px);max-width:150px}.ShapeValidation{font-size:32px}}body{box-sizing:border-box;background-color:#faebd7;flex-direction:column;min-height:100vh;margin:0;padding-top:25px;display:flex}.Title{text-align:center;font-family:Tangerine;font-size:75px}#root{flex-direction:column;flex:1;justify-content:center;padding-bottom:25px;display:flex}@media (width<=760px){body{padding-top:16px}.Title{padding:0 16px;font-size:48px;line-height:1.1}}