body {
    background-color: #cce3de;
    background-image: url("https://www.transparenttextures.com/patterns/binding-dark.png");
    font-family: Arial, Helvetica, sans-serif;
}


h1 {
    background-color: #6B9080;
    text-align: center;
    padding: 50px 0px;
    border-radius: 8px;
    margin: 15px 0px;
}

.introInfo {
    text-align: center;
    font-size: 20px;
}

.introInfo a{
    color: black;
}

.input {
    background-color: #EAF4F4;
    text-align: center;    
    padding: 10px 5px;
    margin-bottom: 15px;
    border-radius: 8px;
}

.form-control {
    margin: 10px 3px;
}
.img-thumbnail {
    border: 2px solid #EAF4F4;
}


.output, .introInfo {
    background-color: #A4C3B2;
    border-radius: 8px;
}

#resultsHeader{
    text-align: center;
    padding: 15px 0px;
    font-size: 20px;
}

.results{
    text-align: center;
    padding-bottom: 20px;
    font-size: 20px;
    margin: 15px 0px;
}

#noInput{
    padding-bottom: 0px;
    margin-bottom: 5px;
}
.outputImage {
    margin: 5px 3px;
}

.output a {
    text-decoration: none;
    color:black;
    font-size: 16px;
}

footer {
    background-color: none;
    text-align: center;
}