* {
    box-sizing: border-box;
}
body {
    background-color: #218a78;
}

button, #addBtn {
    border:1px solid #b062cc; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
    background-color: #C58CDA; background-image: -webkit-gradient(linear, left top, left bottom, from(#C58CDA), to(#2BB39C));
    background-image: -webkit-linear-gradient(top, #C58CDA, #2BB39C);
    background-image: -moz-linear-gradient(top, #C58CDA, #2BB39C);
    background-image: -ms-linear-gradient(top, #C58CDA, #2BB39C);
    background-image: -o-linear-gradient(top, #C58CDA, #2BB39C);
    background-image: linear-gradient(to bottom, #C58CDA, #2BB39C);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#C58CDA, endColorstr=#2BB39C);
}
    
button:hover, #addBtn:hover {
    border:1px solid #9e3fc1;
    background-color: #b265ce; background-image: -webkit-gradient(linear, left top, left bottom, from(#b265ce), to(#218a78));
    background-image: -webkit-linear-gradient(top, #b265ce, #218a78);
    background-image: -moz-linear-gradient(top, #b265ce, #218a78);
    background-image: -ms-linear-gradient(top, #b265ce, #218a78);
    background-image: -o-linear-gradient(top, #b265ce, #218a78);
    background-image: linear-gradient(to bottom, #b265ce, #218a78);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#b265ce, endColorstr=#218a78);
}

h1, .gifBtn, #addBtn, #newQuery, p {
    font-size: 14px;
    margin: 10px;
    font-family: 'Orbitron', sans-serif;
}

p {
    color: whitesmoke;
}

h1 {
    background-color: #9e3fc1;
    width: 100%;
    margin: 0px;
    padding: 5px;
    font-size: 34px;
    color: whitesmoke;
}