App.css

@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Racing+Sans+One&display=swap');

.App {
  text-align: center;
}

.App-logo {
  animation: App-logo-spin infinite 20s linear;
  height: 80px;
}

.App-header {
  height: 300px;
  padding-top: 100px;
  color: white;
  text-align: center;
  font-size: large;
  text-decoration: none;
  background-image: url('./g2yfzfx.jpg');
}

.storename {
  font-size: 70px;
  font-family: 'Press Start 2P', cursive;
  color: white;
  outline-width: 1px;
  outline-color: black;
  text-shadow: 6px 0 0 #000, 0 -1px 0 #000, 0 6px 0 #000, -1px 0 0 #000;
}

.nav a {
  text-shadow: 3px 0 0 #000, 0 -1px 0 #000, 0 3px 0 #000, -1px 0 0 #000;
  color: #eb7cac;
  text-decoration: none;
  font-family: 'Racing Sans One', cursive;
  font-size: 2rem;
}

.selected {
  background-color: white;
  width: 50%;
  height: 4rem;
  margin-left: auto;
  margin-right: auto;
  border: 0.15rem solid black;
}

.selected p {
  color: #6cefeb;
  font-family: 'Racing Sans One', cursive;
  text-shadow: 2px 0 0 #000, 0 -1px 0 #000, 0 2px 0 #000, -1px 0 0 #000;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

li {
  display: inline;
  padding: 1rem;
  padding-right: 30px;
  text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
  font-size: 15px;
}

body {
  background-color: #fde35a;
  font-family: 'Racing Sans One', cursive;
}

.App-title {
  font-size: 1.5em;
}

.App-intro {
  font-size: large;
}

.welcome {
  font-size: 4rem;
  text-align: center;
  padding-top: 2rem;
}