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