@font-face{font-family:Nunito;font-style:normal;font-weight:700;src:local("Nunito-Bold"),url(nunito.woff) format("woff")}@-webkit-keyframes spinner{0%{transform:rotate(1turn);-ms-transform:rotate(1turn);-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);-o-transform:rotate(1turn)}to{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg)}}@-moz-keyframes spinner{0%{transform:rotate(1turn);-ms-transform:rotate(1turn);-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);-o-transform:rotate(1turn)}to{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg)}}@-ms-keyframes spinner{0%{transform:rotate(1turn);-ms-transform:rotate(1turn);-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);-o-transform:rotate(1turn)}to{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg)}}@-o-keyframes spinner{0%{transform:rotate(1turn);-ms-transform:rotate(1turn);-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);-o-transform:rotate(1turn)}to{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg)}}@keyframes spinner{0%{transform:rotate(1turn);-ms-transform:rotate(1turn);-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);-o-transform:rotate(1turn)}to{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg)}}body{background:#fff;color:#464646;margin:0;padding:0}canvas{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#logo{background:url(qlogo.png);background-size:cover;color:transparent;cursor:pointer;display:block;font-size:0;height:142px;margin-left:50px;margin-top:50px;position:relative;text-indent:130px;width:128px}#logo small{bottom:0;color:#000;display:block;font-family:sans-serif;font-size:12px;font-weight:700;position:absolute;text-align:center;text-indent:0;top:auto}.spin{display:inline-block;overflow:visible;-webkit-touch-callout:none;pointer-events:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:0}.spin img{animation:spinner .5s linear infinite;-ms-animation:spinner .5s linear infinite;-moz-animation:spinner .5s linear infinite;-webkit-animation:spinner .5s linear infinite;-o-animation:spinner .5s linear infinite;height:12px;margin-left:5px;width:auto}#side{height:100%;overflow-y:auto;padding:0;position:fixed;top:0;width:240px}#side #nav{list-style-type:none;margin:50px 0 50px 50px;padding:0}#side #nav li{display:block}#side #nav a{color:#464646;font-family:Nunito,sans-serif;font-size:15px;text-decoration:none;text-transform:uppercase}#side #nav a:hover{color:#fa0000;text-decoration:underline}#content{font-family:Lucida,Lucida Sans Unicode,sans-serif;font-size:14px;line-height:18px;margin:0 20px 0 240px;max-width:500px;min-width:340px;padding:10px;transition:opacity,.25s;-ms-transition:opacity,.25s;-moz-transition:opacity,.25s;-webkit-transition:opacity,.25s;-o-transition:opacity,.25s}#content .spin{display:none}#content b{color:#2d2d2d;font-family:Nunito,sans-serif}#content h1{color:#2d2d2d;font-family:Helvetica Neue,sans-serif;font-size:28px;line-height:30px}#content h1 b{color:#fa0000;font-family:Nunito,sans-serif}#content h2{border-bottom:2px solid #646464;font-size:20px;line-height:20px}#content a{color:red;text-decoration:underline}#content .article{border-bottom:1px solid #e6e6e6;display:block;margin-bottom:50px}#content .article:last-child{border-bottom:0}#content .banner{display:inline;margin-bottom:15px;position:relative;text-decoration:none;width:100%}#content .banner .blank,#content .banner img{border:1px solid #000;display:inline-block;height:auto;margin:-1px -1px 0 0;opacity:.8;transition:opacity,.15s;-ms-transition:opacity,.15s;-moz-transition:opacity,.15s;-webkit-transition:opacity,.15s;-o-transition:opacity,.15s;width:100%}#content .banner .blank{background:#c8c8c8;background-image:linear-gradient(left top,#82d98c 28%,#76e316 55%,#2c8515 69%);background-image:-o-linear-gradient(left top,#82d98c 28%,#76e316 55%,#2c8515 69%);background-image:-moz-linear-gradient(left top,#82d98c 28%,#76e316 55%,#2c8515 69%);background-image:-webkit-linear-gradient(left top,#82d98c 28%,#76e316 55%,#2c8515 69%);background-image:-ms-linear-gradient(left top,#82d98c 28%,#76e316 55%,#2c8515 69%);background-image:-webkit-gradient(linear,left top,100 300,color-stop(.28,#82d98c),color-stop(.55,#76e316),color-stop(.69,#2c8515));height:100px}#content .banner h1{background:#f0f0f0;border-bottom:1px solid #dcdcdc;bottom:0;color:#000;display:block;font-size:16px;line-height:16px;margin:0 0 25px;opacity:.7;padding:5px 5px 10px;top:auto;transition:opacity,.15s;-ms-transition:opacity,.15s;-moz-transition:opacity,.15s;-webkit-transition:opacity,.15s;-o-transition:opacity,.15s}#content .banner small{display:inline;font-size:13px;font-weight:400;margin-left:10px}#content .banner:hover .blank,#content .banner:hover img{opacity:1}#content .banner:hover h1{background:#fff;color:red;opacity:1}#content .photo{background:#f0f0f0;border:1px solid #e6e6e6;max-width:100%;padding:10px;text-align:center}#content .photo img{height:100%;width:100%}.cpp{background:#1e231e;overflow-x:scroll;padding:20px}@media (max-width:480px){.spin img{margin-top:-16px}#side,.spin img{height:auto;width:auto}#side{overflow-y:hidden;padding:20px 20px 10px;position:relative;text-align:center;top:0}#side #nav{margin:20px 0 0;padding:0}#side #nav li{line-height:30px}#side #nav a{font-size:20px}#logo{margin:auto}#content{margin-left:10px;margin-right:10px;min-width:0;width:auto}#content .banner{display:block}#content .banner h1{background:#fff;border-bottom:1px solid #dcdcdc;bottom:auto;color:#000;display:block;margin-bottom:25px;opacity:.8;padding-bottom:10px;position:relative}#content .banner small{display:block;line-height:13px;margin-left:0;margin-top:5px}.cpp{font-size:10px}}@media (min-width:1024px){#side{width:280px}#side #nav a{font-size:24px}#content{font-size:20px;line-height:28px;margin-left:280px;max-width:680px}#content h1{font-size:34px}}