@import url('https://fonts.googleapis.com/css?family=Bangers|Boogaloo');
body{
  background-image:url("../img/big-pig.jpg");
  background-repeat: no-repeat;
  background-position: 50% 100px;
  background-color: #F8C1D4;
  font-family: 'Boogaloo', cursive;
  font-size: 14pt;
}
label{
  color: #5C604D;
}
h1{
  color: #F20056;
}
input[type=text]{
  font-size: 14pt;
  color: #A3AE7E;
}
.panel {
  background-color: rgba(255, 255, 255, 0.5);
}
.center {
  text-align: center;
}
#submit{
    font-size: 14pt;
}
.output{
  font-size: 24pt;
  color:#F20056;
  text-align: center;
}
.bubble {
  display:none;
  position: relative;
  background-color:#eee;
  margin-left: 35%;
  margin-top: 190px;
  padding:10px;
  text-align:center;
  width:30%;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -webkit-box-shadow: 0px 0 3px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0 3px rgba(0,0,0,0.25);
  box-shadow: 0px 0 3px rgba(0,0,0,0.25);
}
.bubble:after {
  position: absolute;
  display: block;
  content: “”;

  border-color: #eee transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  bottom:-19px;
  left:1em;
}