ul{list-style:none;padding-left:0;width:50%;float:left}li{margin:10px auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;cursor:pointer}li:hover{opacity:.5;outline:2px solid purple}li h3{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}li img{width:15%;height:15%;padding:1em 2em 1em 0;margin-left:5em}@media screen and (max-width:680px){ul{width:100%}}section{width:40%;float:right;margin-right:50px;margin-top:10px}div.synth-heading{margin-top:15%;font-size:20px;font-style:italic;color:purple}div img.selected-img{width:100%}@media screen and (max-width:680px){section{width:100%;margin:0 auto}}#app{font-family:Helvetica,Arial,sans-serif;text-align:center;color:purple;background:-webkit-gradient(linear,left top,left bottom,from(#ffc300),to(#ef04e7));background:linear-gradient(180deg,#ffc300 0,#ef04e7)}#app,h1{margin:0 auto}h1{padding:15px}