.loading__spinner{display:flex;flex-direction:column;font-size:48px;margin:50px 0 0;position:relative;text-align:center}.loading__spinner img{background:grey;border:1px solid grey;border-radius:50%;height:400px;place-self:center;width:400px}@media screen and (max-width:992px){.loading__spinner{font-size:32px}.loading__spinner img{height:300px;width:300px}}.loading__dot-stretching{animation:dot-stretching 1s ease-in infinite;background-color:#000;border-radius:50%;color:#000;height:20px;margin:20px auto;transform:scale(1.5);width:20px}.loading__dot-stretching:after,.loading__dot-stretching:before{content:"";display:inline-block;position:absolute;top:0}.loading__dot-stretching:before{animation:dot-stretching-before 1s ease-in infinite;border:2px solid #000}.loading__dot-stretching:after,.loading__dot-stretching:before{background-color:#000;border-radius:50%;color:#000;height:20px;width:20px}.loading__dot-stretching:after{animation:dot-stretching-after 1s ease-in infinite}@keyframes dot-stretching{0%{transform:scale(1.1)}50%,60%{transform:scale(.8)}to{transform:scale(1.1)}}@keyframes dot-stretching-before{0%{transform:translate(0) scale(1.1)}50%,60%{transform:translate(-30px) scale(1)}to{transform:translate(0) scale(1.1)}}@keyframes dot-stretching-after{0%{transform:translate(0) scale(1.1)}50%,60%{transform:translate(30px) scale(1)}to{transform:translate(0) scale(1.1)}}.alert{margin:25px}@media screen and (max-width:992px){.alert{margin-left:0;margin-right:0}}.alert__content{display:flex;flex-direction:column}.alert__content button{place-self:flex-end}@media screen and (max-width:992px){.alert__content button{width:100%}}.navbar{background-color:red;border:1px solid #000;display:flex;flex-direction:column;position:fixed;top:0;width:100%;z-index:1000}.navbar__title{align-items:center;cursor:default;display:flex;justify-content:space-between;width:90%}.navbar__title>img{max-width:50px}.navbar__title__header{color:#ffcb05!important;font-size:42px;text-shadow:2px 1px 3px #2a75bb,0 0 1em #2a75bb,0 0 .2em #2a75bb}.footer-content>div{background-color:#000;border:1px solid #000;border-radius:10px;bottom:4px;color:#ff0;padding:8px;position:fixed;z-index:1000}.footer-content>div input,.footer-content>div label:hover{cursor:pointer}.footer-content .right{right:4px}.footer-content .left{left:4px}.footer-content__button{background-color:#ffffe0;border:3px solid #000;border-radius:50%;bottom:10px;padding:8px;position:fixed;right:10px}.footer-content__button>img{height:50px;width:50px}.footer-content__button:active{transform:scale(.9)}.offcanvas__content{background-color:#d3d3d3}.offcanvas__body{display:flex;flex-direction:column;font-size:18px;justify-content:space-between}.page-template{position:relative}.page-template__main-content{padding:82px 25px 25px}.pokemon-card{transition:transform .25s}.pokemon-card:hover{box-shadow:0 0 10px #000;cursor:not-allowed;transform:scale(1.05)}.pokemon-card__container{max-width:275px;padding:15px;text-align:center;width:100%}.pokemon-card__container button{background-color:transparent;border:none;padding:0;width:100%}.pokemon-card__name-container{font-size:20px;font-weight:300;margin-bottom:10px;text-align:center;text-transform:capitalize}.pokemon-card__name-container__name{margin-bottom:4px}.pokemon-card__type-img{margin:0 2.5px;max-width:50px}.pokemon-card__id{font-size:16px;font-weight:100;padding:5px 0 0 10px;text-align:left}.pokemon-card__img-container{display:flex;justify-content:center}.pokemon-card__img{height:175px;width:175px}.pokemon-home__cards-container{column-gap:8px;display:grid;grid-template-columns:repeat(auto-fill,228px);justify-content:space-evenly}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:PokemonSolid,sans-serif}body:before{background-color:red;background-image:url(/a835fb9ba399394db72d.png);background-position:50px 30px;background-repeat:repeat;background-size:100px;content:"";display:block;height:100vh;left:0;opacity:.2;position:fixed;top:0;width:100%}@font-face{font-family:PokemonSolid;src:local("PokemonSolid"),url(/5d60be1f7ff5fcc21fc1.ttf) format("truetype")}