#main{white-space:pre-wrap;overflow-y:scroll;background:#f5f5f5;border:1px solid #ccc;padding-left:5px;padding-top:30px;height:200px;font-size:25px;font-family:"Ubuntu Mono",monospace;line-height:1.3em}.code{margin:1em 3em;padding:0;font-size:0.75em;width:200%;position:absolute}.nocolor{}.visited{color:rgb(112,112,112)}.current{background-color:#ffc40d;outline:1px solid #f3b700;color:#fff;position:relative}.current2{background-color:transparent;outline:none;color:white;position:relative}.current2::after{content:'\21e6';color:red;font-size:2em;font-weight:bold;position:absolute;left:0;top:0;z-index:1}.redcolor{background-color:rgba(255,0,0,0.16);color:red}.comment{color:red}.wrong{background-color:#e63d3d;outline:none;color:#fff}spanChar{padding:.1em 0}spanChar.ret:before{content:"\23CE";color:white;padding:0 0.1em;font-weight:bold}spanChar.ret{visibility:visible;font-weight:bold}spanChar.ret.current{visibility:visible;color:white}spanChar.ret1:before{content:"\23CE";color:white;padding:0 0.1em;font-weight:bold}spanChar.ret1{visibility:hidden;font-weight:bold}spanChar.ret1.current{visibility:visible}spanChar.ret2:before{content:"\23CE";color:red;background-color:rgba(255,0,0,0.16);padding:0 0.1em;font-weight:bold}spanChar.ret2{visibility:visible;font-weight:bold}spanChar.ret2.current{visibility:visible}.precopy{display:block;font-family:monospace;white-space:pre;margin:1em 0}.lesson{padding:0 44px!important;margin-bottom:30px!important;margin-top:30px!important;font-size:33px!important}.row-centered{text-align:center}.col-centered{display:inline-block;float:none;text-align:left;margin-right:-4px}.btn:hover{background:#e6e6e6}.xobj_key{color:red;margin-right:15px;background-color:}.xobj_count{color:green;background-color:#e3e3e3}pre::-webkit-scrollbar{width:7px;height:7px}pre::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px}pre::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5)}.grad{padding-top:50px;padding-bottom:70px;background:#f2f2f2;outline:none;border-color:#9ecaed;box-shadow:0 0 10px #9ecaed}.welcome h1,.welcome h2{font-family:"Francois One",sans-serif!important}@media screen and (max-width:768px){.gplus{display:block}}#demo{-webkit-transition:width 2s ease;-moz-transition:width 2s ease;-o-transition:width 2s ease;transition:width 2s ease;display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:middle;width:0px}#demo.in{width:220px}.space{border:4px solid rgba(255,0,0,0.75);margin-bottom:-12px}li:hover#qw{cursor:pointer}li:hover#dv{cursor:pointer}li:hover#cm{cursor:pointer}li:hover#fc_on{cursor:pointer}li:hover#fc_off{cursor:pointer}#loading{width:100%;height:100%;top:0;left:0;position:fixed;display:block;opacity:0.4;background-color:#fff;z-index:99;text-align:center}#loading-image{position:absolute;top:25%;left:45%;z-index:100}html{scroll-behavior:smooth}#main::-webkit-scrollbar{width:2px;height:7px}#main::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px}#main::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.808)}