@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");

body {
  font-family: Montserrat, Raleway, Roboto, Arial, Helvetica, sans-serif;
  margin: 0 auto;

}

h1 {

  font-size: 70px;
  font-family: Montserrat, Raleway, Roboto, Arial, Helvetica, sans-serif;
  color: rgb(253, 251, 251);
  line-height: 1.2;
  margin-top: 0px;
  margin-left: 200px;


}

label {
   position: absolute;
   font-size: 20px;
   font-family: Montserrat, Raleway, Roboto, Arial, Helvetica, sans-serif;
   color: rgb(253, 249, 249);
}

input {
    margin-left: 35em;
    margin-bottom: .7em;   
}

#box{
  background-color: #202A44;
  height: 380px;
  width: 900px;
  margin-left: 200px;
  margin-top: 50px;
}

img{
  width:304px;
  height:228px;
  margin-left:500px;
  margin-top: 15px;  
}

#calculate{
  margin-left: 20px;
  height: 30px;
  /* color: red; */
  background-color: white; 
  font-size: 20px;
}

#quarters{
  margin-left: 100px
}

#dimes{
  margin-left: 100px
}

#nickels{
  margin-left: 100px
}

#pennies{
  margin-left: 100px
}


.article {
  padding: 10% 15% 1%;
}