/*
Name: Koichi Mito
Date: 4.13.18
Section: CSE 154 AH

This is the index.css page for Creative Priject 3, supplementing
the index.html.
This code adds a bit of structure and style.
*/
@import url('https://fonts.googleapis.com/css?family=Comfortaa|Poiret+One');

body {
  /*checkered green background*/
  background-image:
    url("https://c1.staticflickr.com/5/4124/5142541556_fb3f95f18b.jpg");
}

main {
  background-color: beige;
  padding: 2% 1% 0% 1%;
  margin: 4%;
  font-family: 'Poiret One', cursive;
}

h1 {
  text-align: center;
  font-family: 'Comfortaa', cursive;
}

h2 {
  text-align: center;
  background-color: lightgreen;
}

#user_input { /*first section*/
  text-align: center;
}

#results { /*second section*/
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  text-align: center;
}

div { /*result boxes*/
  width: 10%;
  background-color: white;
  border: 2px black solid;
}

footer {
  margin: 40px 5px 0px 5px;
  padding: 5px;
  background-color: grey;
  display: flex;
  justify-content: space-around;
}

.number {
  font-family: cursive;
}