#index{
    background-color: rgb(255, 109, 158);
}

#index h1{
    background-color: skyblue;
    border-style: double;
    border-color: paleturquoise;
    border-radius: 5px;
    font-family: monospace;
    font-size: 40px;
    text-shadow: 2px 2px magenta;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 50px;
    padding-left: 50px 
}

#index p{
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-large; 
    margin: 15px;
}

#links{
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 50px;
}

a:first-child{
    color: rgb(9, 0, 128);
    font-size: 20px;
}

a:nth-child(2){
    color: sienna;
    font-size: 20px;
    padding: 100px;
    clear: both;
}

#news-button{
    border-style: groove;
    border-width: 5px;
    height: 40px;
    border-color: lavenderblush;
    height: 40px;
    width: 70px;
    background-color: mistyrose;
    margin: 20px;
}

#news-button:visited{
    color: darkviolet;
}

#news-button:hover{
    height: 40px;
    width: 70px;
    background-color: rgb(239, 221, 132);
}

#news-button:active{
    color: hotpink;
}

#sourdough-button{
    border-style: groove;
    border-width: 5px;
    border-color: lavenderblush;
    height: 40px;
    width: 70px;
    background-color: rgb(241, 187, 181);
    overflow: scroll;
    margin: 20px;
}

#sourdough-button:visited{
    color: darkviolet;
}

#sourdough-button:active{
    color: aqua;
}

#sourdough-button:hover{
    height: 40px;
    width: 70px;
    background-color: rgb(111, 159, 127);
}

#teehee{
    border-style: groove;
    border-width: 5px;
    height: 40px;
    width: 70px;
    border-color: lavenderblush;
    background-color: antiquewhite;
    overflow: visible;
    margin: 20px;
}

#teehee:hover{
    height: 40px;
    width: 70px;
    background-color: rgb(239, 103, 148);
}

p:last-child{
    color: darkmagenta;
    clear: both;
    text-align: center;
}

#sourdough{
 background-color: olive;
}

#news{
    background-color: hotpink;
}