/*
Name: Jeni Lane
Date: 04/23/2018
Section: CSE 154 AG

This is the index.css page for Creative Project 04. It includes all of the
styling to create the "Sonic loves Chili Dogs" eating mini-game website.
*/
@import url('https://fonts.googleapis.com/css?family=Gugi|Gamja+Flower|Lato');

#box, #chili-dog-area, #sonic-container, body, header {
  display: flex;
}

#box, body, header {
  flex-direction: column;
}

#box, #chili-dog-area, body, header {
  align-items: center;
}

#devour-button, hr {
  background-color: black;
}

#chili-dog-area, #sonic-container {
  flex-direction: row;
}

fieldset, legend {
  background-color: #d1d1e0;
  font-family: 'Lato';
}

body {
  background-image: url("images/background.png");
  background-repeat: no-repeat;
  background-color: #86b300;
  font-family: 'Gamja Flower';
  font-size: 16pt;
  padding: 20px;
  padding-bottom: 100px;
}

header {
  padding-bottom: 30px;
  text-align: center;
}

h1 {
  font-family: 'Gugi';
  font-size: 32pt;
  text-shadow: 3px 3px grey;
}

p {
  height: 30%;
  width: 30%;
}

hr {
  width: 50%;
  height: 3px;
}

button {
  padding: 5px;
  font-size: 14pt;
  cursor: pointer;
}

#box {
  margin: auto;
  background-color: white;
  width: 1000px;
  height: 500px;
}

#chili-dog-area {
  flex-wrap: wrap;
  width: 100%;
}

#devour-button {
  color: red;
  font-weight: bold;
}

#sonic {
  height: 300px;
  width: 250px;
}

#stop-bubble {
  height: 200px;
  width: 200px;
}

.food {
  height: 100px;
  width: 100px;
}

.hidden {
  display: none;
}