body {
  background-color: #316AB2;
  font-family: 'Exo', sans-serif;
  color: #FDCC06; }

h1 {
  font-size: 46px;
  font-weight: 700;
  text-align: center;
  margin: 0; }

h2 {
  font-size: 38px;
  text-align: center;
  font-weight: 500;
  margin: 0px; }

.matchh2 {
  margin-bottom: 25px; }

.pokePara {
  margin-bottom: 20px;
  text-align: center; }

.btn {
  padding: 14px 24px;
  border: 0 none;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  background: #F21826;
  color: #fff;
  width: 132px; }

.btn-default:hover, .btn-default:active {
  background: #fff;
  color: #F21826; }

.rightHidden, .leftHidden, .twoKHidden, .fiveKHidden, .tenKHidden {
  display: none; }

.row {
  margin: 20px 0; }

.eggButtons {
  margin: 30px 0 0 0; }

.pokeImg {
  margin: 20px;
  width: 175px;
  height: 175px; }

.cont {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center; }

.modal-header, .modal-body {
  color: #316AB2; }
  .modal-header h3, .modal-body h3 {
    font-size: 32px; }
  .modal-header p, .modal-body p {
    font-size: 24px; }

.contMatchup {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center; }

.matchupImg {
  margin: 10px 0; }

@media only screen and (max-width: 1000px) {
  .pokeImg {
    margin: 10px;
    width: 100px;
    height: 100px; }

  button {
    margin: 25px 0; }

  #match {
    margin: 10px 0;
    width: 422px;
    height: 114px; } }
@media only screen and (max-width: 500px) {
  .pokeImg {
    margin: 20px;
    width: 175px;
    height: 175px; }

  .contMatchup {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center; }

  #match {
    margin: 10px 0;
    width: 422px;
    height: 114px; } }
@media screen and (device-width: 435px) and (device-height: 773px) {
  #match {
    margin: 10px 0;
    width: 422px;
    height: 114px; } }

/*# sourceMappingURL=styles.css.map */