#landscape {
  display: none;
  position: fixed;
  z-index: 100;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); 
  align-items: center;
  justify-content: center;
  flex-direction: column;  
}

#landscape h1 {
  color: white; 
  text-align: center; 
}

#landscape img {
  transform: rotate(-90deg);
}

@media only screen and (hover:none) and (orientation:landscape) and (max-height:599px) {
  #landscape, #blockcontainer {
    display: flex !important;
  }
  .pokeinfo {
    display: none;
  }
}

@media (min-width: 3450px) {
  #buttonup,
  #buttondown {
    right: 20% !important;
  }
}

@media (min-width: 2000px) {
  .big {
    height: 300px !important;
  }

  .running {
    height: 300px !important;
  }

  .pokeinfo {
    transform: scale(1.5);
  }

  .pokecard {
    transform: scale(1.2);
    margin: 96px 80px 24px 0px;
  }

  .runningbox {
    bottom: 300px !important;
  }

  .rollingrotate {
    height: 200px !important;
    bottom: -310px !important;
  }

  #content {
    max-width: 2000px;
  }

  header {
    width: 1000px;
    height: 250px;
  }

  .pokeball,
  .pokedex {
    height: 150px;
  }

  #input {
    height: 48px;
    width: 200px;
    font-size: 24px;
  }

  button {
    height: 100px;
    width: 300px;
    margin-top: 24px;
  }

  button span {
    font-size: 48px;
  }

  #buttonup,
  #buttondown {
    right: 3%;
    height: 80px;
    width: 80px;
  }

  #buttonup img,
  #buttondown img {
    height: 60px;
    width: 60px;
  }
}

@media (max-width: 1010px) {
  header {
    width: 90%;
  }

  #content {
    padding: 0px !important;
    width: 100%;
  }
}

@media (max-width: 820px) {
  .pokeball {
    height: 100px;
  }

  .pokedex {
    height: 100px;
    padding: 32px 0px 32px 0px;
  }

  #input {
    height: 24px;
    width: 130px;
  }
}

@media (max-width: 650px) {
  .pokeball {
    height: 70px;
  }

  .pokedex {
    height: 75px;
  }

  #input {
    margin: 0;
    height: 20px;
  }

  header {
    height: 140px;
  }
}

@media only screen and (max-width: 560px) and (min-height: 741px) {
  .pokeinfo {    
    transform: scale(1) !important;
  }
}

@media only screen and (min-width: 1024px) and (max-height: 600px) {
  .pokeinfo {    
    transform: scale(0.7);
  }
}

@media (max-width: 560px) {
  .pokeinfo {
    width: 310px;
    transform: scale(0.82);
  }

  .upperinfo {
    padding: 16px;
  }

  .pokeimg {
    width: 200px;
  }

  .identifier {
    position: absolute;
    top: 65px;    
    left: 50%;
    transform: translate(-50%, 0);    
  }

  .upperinfo h2 {
    margin-bottom: 60px;
  }

  .gap-s img {
    display: none;
  }

  .buttons {
    gap: 8px;
    padding: 0px;
  }

  #myChart {
    width: 280px !important;
    height: 220px !important;
  }

  .move p {
    font-size: 12px;
  }

  .move {
    padding: 10px;
  }

  .gif {
    height: 60px !important;
    max-width: 80px !important;
  }

  .bg-ball {
    width: 550px !important;
  }

  .big {
    height: 150px !important;
  }

  .pokecard {
    transform: scale(0.9);
    margin: 24px 0px 0px 0px;
  }

  .pokecard:hover {
    transform: scale(0.95);
  }

  #pokedex {    
    padding: 32px 0px 48px 0px;
  }

  #buttondown {
    bottom: 24px;
  }

  #buttonup {
    top: 200px;
  }

  #inheader {
    flex-direction: column;
    justify-content: flex-end;
    gap: 16px;
    top: -35px;
  }

  .pokedex {
    position: absolute;
    top: 0px;
  }

  #input {
    margin-bottom: 8px;
  }

  .fancy {
    height: 200px;
    width: 100%;
    left: 0%;
  }
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: rgb(104, 106, 112);
  border-radius: 10px;
}