body{font-weight:300;-webkit-font-smoothing:antialiased}
h2{text-align:center;font-weight:300}
.btn-social-icon{margin-bottom:4px}
.jumbotron{position:relative;font-size:16px;color:#fff;color:rgba(255,255,255,0.75);text-align:center;border-radius:0;padding-bottom:80px;background-image:-webkit-linear-gradient(left, #50A7C2 0, #B7F8DB 100%);background-image:-o-linear-gradient(left, #50A7C2 0, #B7F8DB 100%);background-image:linear-gradient(to right, #50A7C2 0, #B7F8DB 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff720e9e', endColorstr='#ffdd4b39', GradientType=1)}.jumbotron h1{margin-bottom:15px;font-weight:300;letter-spacing:-1px;color:#fff}
.jumbotron iframe{width:100px !important;height:20px !important;border:none;overflow:hidden;margin:2px}
.jumbotron p a,.jumbotron .jumbotron-links a{font-weight:500;color:#fff}
.jumbotron .jumbotron-links{margin-top:15px;margin-bottom:0;padding-left:0;list-style:none;font-size:14px}.jumbotron .jumbotron-links li{display:inline}
.jumbotron .jumbotron-links li+li{margin-left:20px}
.jumbotron .bottom{position:absolute;bottom:0;left:0;right:0;padding:18px;background-color:rgba(0,0,0,0.2)}
.btn-outline{margin-top:15px;margin-bottom:15px;padding:18px 24px;font-size:inherit;font-weight:500;color:#fff;background-color:transparent;border-color:#fff;border-color:rgba(255,255,255,0.5);transition:all .1s ease-in-out}.btn-outline:hover,.btn-outline:active{color:#50A7C2;background-color:#fff;border-color:#fff}
.how-to{padding:20px}.how-to h2{text-align:center}
.how-to li{font-size:21px;line-height:1.7;margin-top:20px}.how-to li p{font-size:16px;color:#555}
.how-to code{font-size:85%;word-wrap:break-word;white-space:normal}
footer{text-align:center;opacity:1.0;padding:50px;background-image:-webkit-linear-gradient(left, #B7F8DB 0, #50A7C2 100%);background-image:-o-linear-gradient(left, #B7F8DB 0, #50A7C2 100%);background-image:linear-gradient(to right, #B7F8DB 0, #50A7C2 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdd4b39', endColorstr='#ff720e9e', GradientType=1)}footer a{color:#fff}footer a:hover{color:#fff}
.links{margin:0;list-style:none;padding-left:0}.links li{display:inline;padding:0 10px}
.social-class .social-hex{font-family:Monaco,Menlo,Consolas,"Courier New",monospace;font-size:10px;opacity:.3;float:right}
.social-class li{margin-bottom:4px}.social-class li:hover .social-hex{opacity:1}
.social-class li:hover code{background-color:#e8e8ee}
.social-class code{cursor:default}

.quadDiv {
  float: left/right;
  background:
              linear-gradient(to top left, #50A7C2, rgba(255, 153, 150, 0), #50A7C2),
              linear-gradient(to top right, #B7F8DB,rgba(255, 153, 150, 0), #B7F8DB)
              rgba(255, 255, 255, 1);
}