* {
  margin: 0;
  padding: 0;
  outline: 0;
  box-sizing: none;
}
body,
html {
  height: 100%;
}
body {
  font-size: 16px;
  font-family: 'Montserrat', sans-serif;
  -webkit-font-smoothing: antialiased !important;
  background-color: #FFF;
  background-image: url(data:image/png;base64,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);
  background-position: top right;
  background-repeat: no-repeat;
}
@media screen and (min-width: 900px) {
  body {
    background-size: 300px;
  }
}
button,
textarea,
input {
  cursor: pointer;
}
a {
  text-decoration: none;
}
.ant-layout {
  background: none !important;
  padding: 18px 29px;
  max-width: 1000px;
  width: 100%;
  margin: auto;
}
.ant-layout-content {
  margin-top: 100px !important;
}
.ant-layout-content > .ant-row {
  margin: 0 !important;
}
.ant-layout-header {
  background: none !important;
  padding: 0 !important;
}
.ant-layout-header .ant-row,
.ant-layout-header .ant-col {
  display: flex;
  flex-direction: column;
}
.ant-input-search {
  max-width: 250px;
}
.ant-tag {
  display: flex !important;
  justify-content: center;
  font-size: 12px !important;
  font-weight: 500;
}
.ant-tag.ant-tag-magenta {
  background: #F78D8D;
  border-color: #F78D8D;
  color: #FFF;
}
/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}
#nprogress .bar {
  background: #3C3939;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
}
/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #3C3939, 0 0 5px #3C3939;
  opacity: 1;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}
/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}
#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: solid 2px transparent;
  border-top-color: #3C3939;
  border-left-color: #3C3939;
  border-radius: 50%;
  -webkit-animation: nprogress-spinner 400ms linear infinite;
  animation: nprogress-spinner 400ms linear infinite;
}
.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}
.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}
@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.pokemons-container {
  margin: 0;
  max-width: 100%;
  justify-content: center;
}
.pokemon-card {
  display: flex;
  flex-direction: column !important;
  background-color: #F65555;
  border-radius: 8px;
  min-height: 184px;
  padding: 18px;
  cursor: pointer;
  height: 100%;
}
.pokemon-card img {
  width: 88px;
  height: 76px;
  border-radius: 13px;
}
.pokemon-card .pokemon-name {
  font-weight: bold;
  color: #FFF;
  font-size: 24px;
  max-width: 100%;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.pokemon-card .pokemon-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 !important;
  flex-wrap: wrap;
  flex: 1;
  margin-top: 28px;
}
.pokemon-card .pokemon-info .pokemon-types {
  display: flex;
  flex-direction: column;
  margin-bottom: 11px;
}
.pokemon-card .pokemon-info .pokemon-types .ant-tag + .ant-tag {
  margin-top: 11px;
}
.ant-typography.application-title {
  margin: 0;
  line-height: 1;
}
.ant-typography.technology-subtitle {
  font-size: 14px;
  line-height: 0px;
  margin: 10px 0 20px;
}
.pokemons-container > .ant-col {
  padding: 8px 12px 8px 0 !important;
}
.pokemons-container .motion-container {
  height: 100%;
}

.pokemon-details-header.ant-layout-header {
  padding: 11px !important;
}
.pokemon-details-header.ant-layout-header svg {
  fill: #FFF;
  width: 32px;
  cursor: pointer;
}
.ant-layout.pokemon-details {
  background-color: #F65555 !important;
  height: 100vh;
  width: 100vw;
  max-width: unset;
  padding: 0;
  position: relative;
}
.ant-layout.pokemon-details .ant-spin {
  color: #FFF;
  margin-top: 50%;
}
.ant-layout.pokemon-details .ant-layout-content {
  background-color: #FFF;
  border-radius: 30px 30px 0 0;
  position: relative;
}
.ant-layout.pokemon-details .ant-layout-content .layout-content-wrapper {
  display: flex;
  flex-direction: column;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
}
.ant-layout.pokemon-details .ant-layout-content img {
  width: 85%;
  height: 85%;
  margin: -100px auto 0;
  border-radius: 13px;
  box-shadow: 0px 7px 55px -26px rgba(0, 0, 0, 0.75);
}
@media screen and (min-width: 1000px) {
  .ant-layout.pokemon-details .ant-layout-content img {
    width: 300px;
    height: 300px;
  }
}
.ant-layout.pokemon-details .ant-layout-content .pokemon-name {
  margin: 11px auto 0;
}
.ant-layout.pokemon-details .ant-layout-content .pokemon-info {
  display: flex;
  flex-direction: column;
}
.ant-layout.pokemon-details .ant-layout-content ul {
  width: 100%;
  padding: 57px 36px;
  max-width: 1000px;
  margin: auto;
}
.ant-layout.pokemon-details .ant-layout-content ul li {
  list-style: none;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ant-layout.pokemon-details .ant-layout-content ul li .ant-tag {
  width: 54px;
  font-size: 18px !important;
}
.ant-layout.pokemon-details .ant-layout-content ul strong {
  color: #3C3939;
  font-weight: 600;
  font-size: 24px;
}