body{background-color:#282c34;font-family:Helvetica}h1{background-color:#789;color:#000}h2{background-color:#282c34;color:#fff}div{background-color:#ebebeb;color:#355e3b}div,span{font-family:"Serif"}span{color:blue}p{color:#000}div2{color:teal}div3{color:purple}ul{background-color:#333;list-style-type:none;margin:0;overflow:hidden;padding:2px;position:fixed;top:0;width:100%}div7 a{color:#fff;float:left;padding:7px 47px;text-align:center;text-decoration:none}ul2{background-color:#282c34;overflow:hidden;text-align:right}div7{background-color:#ebebeb;color:#355e3b;font-family:"Serif"}div8{color:red}.button-container{align-items:center;display:flex;flex-direction:row}.hoverable-btn{background-color:grey;border:#000;color:#000;cursor:pointer;display:flex;font-size:16px;margin:4px 2px;padding:10px 37px}