@import url(https://fonts.googleapis.com/css2?family=Source+Serif+Pro:wght@400;700&display=swap);*{box-sizing:border-box;font-family:Source Serif Pro,serif;font-weight:400}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0;scroll-behavior:smooth}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{align-items:center;background-color:#363c3c;display:flex;height:100px;justify-content:space-between;position:fixed;width:100%}.header-logo{height:52px;margin-left:30px;width:52px}.header-search{border-radius:10px;font-size:24px;height:60px;margin-right:30px;padding:20px;width:320px}.content{display:flex;height:100dvh;padding-top:100px;position:fixed;width:100%}.nav-bar{background-color:#d6d8d8;height:100%;min-width:320px;padding:30px}.random-button{border:1px solid #363c3c;border-radius:10px;font-size:24px;height:60px;width:100%}.color-list ul{list-style-type:none;padding:0}.color-list li{font-size:28px;margin-top:16px}.swatch-container{align-items:center;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:space-between;overflow-y:scroll;width:100%}.swatch-cards-container{display:flex;flex-wrap:wrap;gap:48px;padding:30px}.swatch-list-card{height:250px;list-style:none;min-width:220px}.swatch-card{border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.25);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.swatch-card,.swatch-color{height:100%;width:100%}.swatch-label{align-items:center;background-color:#fdfdfd;display:flex;font-size:24px;height:60px;padding-left:10px}.pagination-container{display:flex;gap:32px;list-style-type:none}.pagination-item{font-size:32px}.pagination-item-selected{text-decoration-line:underline}.detail-container{display:flex;flex-direction:column;gap:30px;justify-content:space-around;padding:30px}.detail-container,.detail-swatch-card{height:100%;width:100%}.tint-container{display:flex;gap:32px;justify-content:space-between}.tint-item{height:175px;width:175px}.clear-selected{align-self:center;border-radius:10px;font-size:24px;height:60px;min-width:260px}
/*# sourceMappingURL=main.f1e074e4.css.map*/