@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);.header{background-color:#2196f3;box-shadow:0 4px 4px rgba(0,0,0,.239);font-family:Roboto,sans-serif;font-size:14px;font-weight:400;letter-spacing:.25px;line-height:21px;min-height:64px;position:fixed;top:0;width:100%;z-index:1000}.header__body{padding:0 62px}.header__nav{display:flex}.header__btn-cats{background-color:#2196f3;border:none;color:hsla(0,0%,100%,.702);min-height:64px;min-width:120px;text-decoration:none}.header__btn-cats:hover{background-color:#42a5f5}.header__btn-cats:active{background-color:#64b5f6}.header__btn-text{align-items:center;display:flex;height:100%;justify-content:center}.header__btn-favorites{background-color:#2196f3;border:none;color:hsla(0,0%,100%,.702);min-height:64px;min-width:173px;text-decoration:none}.header__btn-favorites:hover{background-color:#42a5f5}.header__btn-favorites:active{background-color:#64b5f6}.active{color:#fff}.active,.active:hover{background-color:#1e88e5}.catalog{grid-row-gap:48px;display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,225px));justify-content:space-between;margin:48px;padding:53px 14px;row-gap:48px}.card,.card__img-box{height:225px;width:225px}.card__img-box{position:relative}.card__img-box:hover .card__icon-favorites{opacity:1}.card__img-box:hover .card__img{box-shadow:0 6px 5px rgba(0,0,0,.239),0 9px 18px #0000002e;transform:scale(1.1)}.card__img{height:100%;transition:transform .3s ease,box-shadow .3s ease;width:100%}.card__icon-favorites{bottom:0;cursor:pointer;opacity:0;position:absolute;right:5px}.catalog-cats__text{font-family:Roboto,sans-serif;font-size:14px;font-weight:400;letter-spacing:.25px;line-height:21px;margin:20px 0;text-align:center}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:where(html){-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;line-height:1.15}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:initial;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:initial}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.f38f84a2.css.map*/