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}*,body{margin:0}*{outline:none!important}nav{align-items:center;background:#000;display:flex;height:60px;position:fixed;top:0;width:100%}.logo{margin-left:300px;width:180px}.logo>*{width:100%}.secondNav{background:#fff;box-shadow:0 0 6px #ccc;height:60px;top:60px;width:100%}.secondNav>div{align-items:center;display:flex;height:100%;margin-left:300px;margin-right:300px;padding-top:5px;position:relative;width:100%}.secondNav>div>input{border:0;color:#333;font-size:17px;font-weight:700;height:40px;padding:0 40px;text-transform:uppercase;width:100%}.secondNav>div>input::-webkit-input-placeholder{color:#a6a6a6}.secondNav>div>input::placeholder{color:#a6a6a6}.secondNav>div>span{left:-5px;position:absolute;scale:.7;top:10px}.wrapper{display:flex;justify-content:center;padding:155px 300px}.wrapper>*{width:100%}nav{z-index:10000}h1{color:#a6a6a6;font-size:18px;font-weight:500;margin-bottom:25px;margin-top:50px;text-transform:capitalize}#categories>span:hover,#results>span:hover{background-color:rgba(0,0,0,.075);border-radius:5px;cursor:pointer}@media only screen and (max-width:1200px){.wrapper{padding:155px 100px}.logo,.secondNav>div{margin-left:100px;margin-right:100px}}@media only screen and (max-width:720px){.wrapper{padding:155px 50px}.logo,.secondNav>div{margin-left:50px;margin-right:50px}}@media only screen and (max-width:450px){.wrapper{padding:155px 15px}.logo,.secondNav>div{margin-left:15px;margin-right:15px}}.secondNav>div>button{align-items:center;background:transparent;border:1px solid #f0f0f0;border-radius:5px;display:flex;height:40px;justify-content:center;width:45px}.secondNav>div>button>span{border:0;border-radius:50%;height:28px;width:28px}.skintone-1f3fa{background:#ffcf11}.skintone-1f3fb{background:#fae3c3}.skintone-1f3fc{background:#e2cfa1}.skintone-1f3fd{background:#dba373}.skintone-1f3fe{background:#a88054}.skintone-1f3ff{background:#5f4e43}.secondNav>div>ul{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:5px;display:flex;flex-direction:column;list-style:none;margin-left:-42.5px;margin-top:285px;padding:0}.secondNav>div>ul>li{border-radius:50%;height:28px;margin:5px 6px;width:28px}.secondNav>div>button,.secondNav>div>ul>li:hover{cursor:pointer}
/*# sourceMappingURL=main.098769dc.css.map*/