style.css

header {
    background-color: #444;
}
h1 {
    text-align: center; 
}
a {
    text-decoration: none;
    color: #888;
}
a:hover, li:hover {
    color: #AACCAA;
}
body {
    background-color: #222;
    color: #DDD;
}
footer {
    text-align: center;
    padding-bottom: 8px;
    margin: 20px 0 10px;
    display: block;
}
.container {
    /*display: inline-block;*/
    background: linear-gradient(35deg, #CCFFFF, #FFCCCC);
    /*width: 300px;
    height: 600px;*/
    color: black;
    /*margin: auto;*/
    border: 2px solid green;
    border-radius: 15px;
    padding: 10px 15px 15px 15px;
    text-align: center;
    margin: 10px 25px;
}
main {
    display: flex;
}
#left {
    flex: 0 0 50%;
}
#right {
    flex: 1;
}
#savednotes > li:nth-child(odd) {
    background-color: #888;
}
#savednotes > li {
    margin-bottom: 10px;
    border: 1px solid green;
    width: auto;
    padding: 2px 5px 2px 5px;
}
#savednotes button {
    margin-bottom: 10px;
    display: inline;
}
button b {
    text-decoration: underline;
}
.fa-free-code-camp::before {
    content: "\f2c5"; 
}