/**note that originally I used VS code, so the css file is the same as the css file for the other html file. This also may explain some of the weird or 'extra' styling/naming**/
/**general styling**/
body {
    padding: 0px 200px;
    padding-bottom: 50px;
}
p {
    color: #303030;
}

h1{
    padding-bottom: 20px;
    padding-top: 50px;
}

h2{
    padding-top: 50px;
}

a{
    color: #000000;
}

a:hover{
    color: 808080;
    text-decoration: none;
}

a:visited{
    color: #808080;
}

main{
    padding: 0px 0px;
}

/**styling for formula**/
.recipe{
    text-align: center;
    padding: 0px 250px;
    padding-bottom: 50px;
}

.formula {
    line-height: 50px;
}

/**styling for top of page**/
.first {
    padding-top: 0px;
}

/**styling for notes**/
.note {
    background-color: #ffe0e0;
}

/**styling for eamail**/
#email {
    text-align: center;
    padding: 100px;
}