#streamer {color: #2b2b2b;}
#streamer .inner {display:  flex; justify-content:  space-between; align-items:  flex-start; flex-wrap:  wrap;}
#streamer .leftside {width:  49%; display: inline-block;}
#streamer .rightside {width:  49%; display: inline-block;}


#instructions h4 {text-align:  left; color: #2b2b2b;}
#instructions ul {margin:  0;}

#instructions ul > li { text-align: left; }
#instructions ul > li:nth-child(1) {color: #000000;}


#instructions ul.longlist {margin:  0; display:  flex; justify-content:  flex-start; align-items: stretch; flex-wrap:  wrap; width:  100%;}
#instructions ul.longlist > li {width:  33%; display:  inline-block;cursor: default;}
#instructions ul.longlist > li:hover {font-weight:  bold;}


#streamer .rightside h4 {color: #53b210; }
#streamer .rightside textarea {width:  100%; box-sizing:  border-box; font-size: 1.3em; font-weight:  bold;color: #53b210; padding:  10px; box-sizing:  border-box; line-height:  1.3em;}
#streamer .button {background: #2b2b2b; color:  #ffffff; padding:  15px 30px; line-height:  1em; display: inline-block; margin:  20px auto ; transition:  all 0.3s; cursor: pointer;}
#streamer .button:hover {background-color: #53b210; box-shadow: 2px 2px 8px #000000; }

#streamer #myframe {width:  320px; height: 420px; margin:  10px auto;}

#streamer.nopad{line-height:  0; padding:  0;}
#streamer.nopad #myframe.nopad {line-height:  0; padding:  0; margin:  0 auto;}

#backdrops {margin-top: 50px;}
#backdrops img {border:  1px solid #e2e2e2; transition: all 0.3s;}
#backdrops .pic {line-height:  0;}
#backdrops a {font-weight: 700; text-decoration:  none; color:  red; transition: all 0.3s;}
#backdrops .textwrap {margin: 40px 0 10px;}

#backdrops a:hover {color: green;}
#backdrops a:hover img {border-color: green; box-shadow:  2px 2px 8px #000000;}