*{box-sizing:border-box}main{padding:0 2rem}header{background:#3498db;margin-bottom:2rem}input[type=text]{margin:1rem;background:#fff;font-size:1.3rem;border:none;box-shadow:inset 0 0 3px rgba(0,0,0,.3);border-radius:3px;padding:0 2rem;width:calc(100% - 2rem);height:4rem}ul{padding:0}li{position:relative;list-style:none;display:inline-block;padding:.08rem;margin:2px;border-radius:3px}li:hover{cursor:pointer}li.girl button{background:#ffc6e5;color:#940050}li.girl:hover button{background:#ffadd9}li.boy button{background:#a0cfee;color:#16527a}li.boy:hover button{background:#8bc4ea}.short-list li:hover:before{content:"\00D7";position:absolute;top:-.5rem;right:-.3rem;width:1rem;height:1rem;z-index:2;text-align:center;line-height:1;font-size:.9rem;vertical-align:middle;border-radius:50%;background:tomato;border:2px solid #fff;color:#fff;box-shadow:0 0 6px rgba(0,0,0,.3)}.short-list h2{padding:1rem 0;font-weight:400;font-size:1.3rem;margin:0;color:#b3b3b3}.short-list hr{border-bottom:0;border-top:1px solid #e6e6e6;margin:1.75rem 0}.credit{padding:1rem 0;color:#b3b3b3}.credit a{color:#3498db}button{background:#d7d7d7;color:#3b3b3b;font-size:.8rem;border:1px solid #c7c7c7;border-radius:3px;outline:none}button:hover{background:#ddd}button.reset-search{background:#d7d7d7;color:#3b3b3b;padding:.6rem 1rem;font-size:.8rem;border:1px solid #c7c7c7;margin:1rem 0;box-shadow:0 3px 10px rgba(0,0,0,.1);border-radius:3px;outline:none}button.reset-search:hover{background:#ddd}
/*# sourceMappingURL=main.d60702e9.chunk.css.map */