@import url(./pokemon-font/Pokemon\ Hollow.ttf);
@font-face {
  font-family: 'myfonts';
  src: url(../pokemon-font/Pokemon-Solid.ttf); }
#poke-cards {
  height: 200px;
  width: 200px; }

.hero h3,
#firstpagetext {
  font-size: 1.4em; }

.hero h1, .hero h3,
#firstpagetext, h1 {
  color: #072851; }

.nav-font, #slogan {
  color: #f5c6f5; }

#cards,
#card_img,
.panel_cards {
  background-color: #f5c6f5; }

.img-backgr, body, #girl, .space, #icon, #p2,
#footer, #footer2,
.img_color, .active, #more_btn {
  background-color: #072851; }

body {
  margin: 0;
  font-family: 'Wendy One', sans-serif; }

.hero {
  width: 100vw;
  height: 40vh;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-image: url(../images/background6.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed; }

.hero h1 {
  font-size: 5em;
  margin-top: 0;
  margin-bottom: 0.5em;
  font-weight: bold; }

.hero h3,
#firstpagetext {
  font-family: 'myfonts'; }

h1 {
  font-family: 'myfonts'; }

.bkgr-img {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-image: url(../images/background4.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed; }

.bkgr-img2 {
  width: 100vw;
  height: 80vh;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-image: url(../images/background5.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed; }

.nav-font {
  font-size: 1.4em; }

h1 {
  font-family: 'myfonts'; }

#heroimg {
  width: 100%; }

#girl {
  height: 70vh;
  width: 30vw; }

.trimg {
  height: 300px; }

.section-history {
  max-height: 650px; }

#founder {
  height: 350px;
  width: 230px; }

footer {
  font-family: 'Roboto', sans-serif; }

#p2,
#cards {
  margin: 10px !important;
  padding: 10px !important; }

#footer2,
.img_color {
  color: white; }

.active {
  color: white; }

#p251 a {
  color: white; }

.poke_btn:focus {
  color: white; }

.card-panel .slider {
  height: 400px !important; }

#more_btn {
  display: block;
  width: 100%; }

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