body {
  background-color: #762AA2;
}

.submitButton {
  background-color:#ffff33;color:#762AA2;padding:10px;border-radius:12px;border:0;
  font-family: 'Lobster', cursive;
  font-size: 35px;
}

.btn {
  background-color: #ffff33;
  border: 0;
  border-radius: 12px;
  font-family: 'Lobster', cursive;
  padding:10px;
  color:#762AA2;
}
#toEdit {
  display: block;
  margin: 0 auto;
  width: 320px;
}

h1 {
  font-family: 'Lobster', cursive;
  font-size: 82px;
  line-height: 30px;
  color:#ffff33;
}

.uploadButton {
  position: relative;
  width: 100px;
  height: 120px;
  background-image:url('images/kelligram_camera_icon.png');
  background-size: 100px 120px;
  overflow: hidden;
  color:#762AA2;
  font-weight:300;
}

h4 {
  font-family: 'Open Sans', 300;
  color:#ffff33;
}

.uploadButton input {
  position:absolute;
  top: 0;
  left: 0;
   width:100px !important;
   height: 120px!important;
   opacity: 0 !important;
   z-index: 10;
}


.labelUpload {
  position:absolute;
  padding:5px;
}


/************************************************************************************
iPhone 6 plus landscape view
*************************************************************************************/
@media (max-width: 568px) {
  .uploadButton {
    position: relative;
    width: 200px;
    height: 200px;
    background-image:url('images/kelligram_camera_icon.png');
    background-size: 200px 200px;
    overflow: hidden;
    color:#762AA2;
    font-weight:300;
    font-family: 'Lobster', cursive;
    font-size: 45px;
    line-height: 30px;
  }


}