@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;1,900&family=Roboto&display=swap");@import url("https://fonts.googleapis.com/css?family=Montserrat:700");*{box-sizing:border-box;margin:0;padding:0}body{text-rendering:optimizeLegibility;text-shadow:0 0 1px rgba(0,0,0,.004);-webkit-font-smoothing:antialiased}body,html{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}body{display:-ms-flexbox;display:flex;background-image:linear-gradient(#0dd793,#51f5e3);color:#0dd793;font-family:Montserrat,sans-serif;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}h1{color:#0b103b;text-align:center;padding-bottom:.25rem}.headline,h1{font-size:1.25rem}.headline{font-weight:700;margin-bottom:.5rem;grid-area:a}header{grid-area:a;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.logo{width:50px;opacity:.9;margin-bottom:.5rem}.container{padding:1rem;font-size:1rem;height:100%;max-height:450px;width:100%;max-width:375px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto auto;grid-template-areas:"a a" "b b" "c c" "d d"}section{background-color:#0b103b;padding:1rem}section.settings{grid-area:c;border:0}section.button-wrapper{grid-area:d;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}section.bottom{border-radius:4px;border-top-left-radius:0;border-top-right-radius:0}section.results{grid-area:b;color:#0b103b;background-color:rgba(11,16,59,.2);border:1px solid #0b103b;border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.button{grid-area:d}.results{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end}.results>div{-ms-flex:1 1 50%;flex:1 1 50%;padding:0 .5rem}.results .category{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.results .label{text-transform:uppercase;font-size:.75rem;letter-spacing:2px;color:hsla(0,0%,100%,.6);margin-bottom:.125rem}.season-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%}.season{background-color:#0dd793;color:#fff;padding:.25rem .5rem;border-radius:.25rem;border-bottom:4px solid #077751;cursor:pointer}.season.inactive{background-color:#727272;border-bottom-color:#3f3f3f;border-bottom-width:1px;margin-top:3px}.button{background-color:#0dd793;color:#fff;border-radius:.25rem;padding:1rem;text-transform:uppercase;-ms-flex:1 0 auto;flex:1 0 auto;text-align:center;border-bottom:4px solid #077751}.button:hover{cursor:pointer;background-color:#0eefa3;border-bottom-width:3px;margin-top:1px}.button:active{background-color:#0cbf83;border-bottom-width:0;margin-top:4px}.clothing-icon{margin:1rem;opacity:.7;width:100%;height:auto;transform-origin:center top;max-width:60px}.clothing-icon.tank-top{max-width:60px}.clothing-icon.trousers{max-width:70px}.clothing-icon.skirt{max-width:90px}.clothing-icon.tshirt{max-width:80px}.clothing-icon.dress{max-width:55px}.clothing-icon.shirt,.clothing-icon.sweater{max-width:90px}.anim-wiggle,.shake-enter{animation:a .2s;animation-iteration-count:3}@keyframes a{0%{transform:rotate(0)}33%{transform:rotate(-5deg)}66%{transform:rotate(5deg)}to{transform:rotate(0)}}