*,:after,:before{box-sizing:border-box}::selection{color:#fff;background:#ff1493}body{margin:0;font-family:Fira Mono,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#fff}img{max-width:100%;height:auto}a{color:#fff;text-decoration:none;transition:all .4s}a:hover{color:#ff1493!important}main{max-width:100%;padding-top:58px;min-height:calc(100vh - 54px);overflow:hidden}.button{padding:12px 20px;border-radius:15px;cursor:pointer;background-color:#ff1493;color:#fff;border:1px solid #ff1493;transition:all .4s;font-weight:700;font-size:15px}.button:hover{border:1px solid #fff}.section__container{width:95%;max-width:1400px;margin:auto}.header{position:fixed;top:0;width:100%;padding:20px 0;background:#000;background:linear-gradient(180deg,rgb(0,0,0),rgba(0,0,0,0))}.header__container{display:flex;flex-wrap:wrap;align-items:center;width:95%;max-width:1400px;margin:auto}.header__logo{width:100%;text-align:center}@media only screen and (min-width:768px){.header__logo{max-width:200px;text-align:left}}.header__categories{width:100%}@media only screen and (min-width:768px){.header__categories{max-width:calc(100% - 200px)}}.header__categories__list{display:flex;flex-wrap:wrap;gap:0 10px;justify-content:center}@media only screen and (min-width:768px){.header__categories__list{justify-content:flex-end;gap:0 20px}}.header__categories__list{margin:0;padding-left:0;list-style-type:none}.header__categories__list li a{text-transform:capitalize}.header__categories__list li a.is-active{color:#ff1493}.header__breeds{width:100%;max-width:100%}.header__breeds nav{overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}.header__breeds nav::-webkit-scrollbar{display:none}.header__breeds__list{margin:10px 0 0;padding-left:0;display:flex;gap:10px;list-style-type:none}.header__breeds__list li{flex:0 0 auto;background-color:#ff1493;border-radius:15px;padding:7px 13px}.header__breeds__list li button{background-color:rgba(0,0,0,0);border:0;font-size:inherit;color:inherit;font-family:inherit;font-weight:inherit;cursor:pointer;margin:inherit}.footer{padding-top:20px;padding-bottom:20px}.footer__container{display:flex;flex-wrap:wrap;width:95%;max-width:1400px;margin:auto;font-size:12px}.footer__logo{width:100%;text-align:center}@media only screen and (min-width:768px){.footer__logo{flex:0 0 50%;max-width:50%;text-align:left}}.footer__copyright{width:100%;text-align:center}@media only screen and (min-width:768px){.footer__copyright{flex:0 0 50%;max-width:50%;text-align:right}}