.header{
    height: 100px;
    background-color: Azure;
}


.titles h1{

	font-family: "Papyrus";
}

input[type=text] {
    background-color: grey;
    color: white;
}

.button:hover {
    background-color: grey; 
    color: white;
}

.button {

	    background-color: grey; 
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

input[type=text] {
    width: 100px ;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    border: none;
    background-color: grey;
    color: white;
}
#calculator {
    padding-left: 25px;
}




.titles  {
    
   font-family:"Century Gothic";
   font-weight: 900;
    
    }

.info {
    font-weight: bold;
    font-family: "Century Gothic";
    color: black;
}



.circcalc{
    width: 50%;
    clear: none;
    margin-top: -325px;
    float: right;

}
.rectcalc{

    background-image: url("https://s-media-cache-ak0.pinimg.com/736x/cf/47/3b/cf473b87407faf5e799f86096a471bd2.jpg");
    width: 300px;
    float: left;
    clear: none;
}
.tricalc{
    background-image:url("http://www.vectorea.com/tvx_uploads/10/2019-colorful-tone-triangle-mosaic-background.jpg", width:100px);

}