@charset "utf-8";
/* CSS Document
fibonacciStyles.css
08/14/19
updating the styles to integrate into technovice

*/

img#outputPic {
    float: right;
    margin-left: 20px;
    margin-right: 20px;
}

.invalid {
    color: red;
}

.valid {
    color: #060;
}

article#articleId {
    margin-top: 10px;
}

form label {
    display:block;
    font-size: 18px;
    margin-right: 5px;
}

p#song {
    margin-top: 10px;
    color: blue;
    font-weight: bold;
}

form p{
    display:inline-flex;
    margin-right: 20px;
/*    background-color: aqua;*/
}

div#content div#results p.parenthetical{
    font-size: 14px;
    color: #999;
}

main div#content div#results{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
/*    background-color: yellow;*/
}

@media (min-width: 800px) {
    /*blue*/
   main div#content div#results{
        width: 400px;
        margin-left: auto;
        margin-right: auto;
/*        background-color: pink;*/
    }
}