#nav_exercises,#nav_references,#nav_tutorials{margin-top:0}@media screen and (min-width:769px){.w3-bar-block .w3-button{padding:0 16px!important}}.fa{font-size:20px}#main{padding:0;border-right:none}.fa-thumbs-o-up:hover{color:#fff}@media (min-width:1675px){#main{width:auto}}#nav_exercises,#nav_references,#nav_tutorials{display:none;padding-bottom:40px;position:absolute;width:100%;z-index:5!important}#nav_exercises h3,#nav_references h3,#nav_tutorials h3,#sectionxs_exercises h3,#sectionxs_references h3,#sectionxs_tutorials h3{padding-left:6px;color:#fff4a3}div.cse .gsc-control-cse,div.gsc-control-cse{padding:0;margin-top:0}.w3-col.l4 .w3-card-2{padding:15px 10px;height:260px}.w3-bar{position:relative;z-index:4;font-size:18px;xbackground-color:#fff;xcolor:#282a35}h1,h2,h3,h4,h5,h6{font-family:Source Sans Pro,sans-serif}h1{font-size:80px;margin:2px 0 -20px!important}.learn h1{margin:10px 0!important}.green-border{border-left:4px solid #04aa6d}.w3-round,.w3-round-medium{border-radius:5px}.tryit-button,.tut-button{background-color:#04aa6d;color:#fff;border-radius:25px;font-size:18px;width:200px}.tut-button{margin:auto;display:block}.w3csstut{height:390px}#getdiploma a:hover,.exercise-button:hover,.tryit-button:hover,.tut-button:hover{background-color:#059862!important;color:#fff!important}.bar-item-hover:hover{background-color:#04aa6d!important;color:#fff!important}.bar-icon-hover:hover,.fa-logo:hover{background-color:#fff!important;color:#059862!important}.mystyle,.mystyle:hover{background-color:#282a35!important;color:#fff!important}.closenav_span:hover{background-color:#282a35!important;color:#059862!important}.ref-button{background-color:#fff;font-size:18px;margin:auto;display:block;width:200px;border-radius:25px;color:#000}.ref-button:hover{background-color:#e7e9eb!important;color:#000}.black-color{background-color:#282a35;color:#fff}.black-color:hover{background-color:#000!important;color:#fff!important}.exercise-button{padding:70px 50px;font-size:35px;width:87%;opacity:.97}#w3loginbtn{width:130px;background-color:#04aa6d;color:#fff;border-radius:25px;font-size:18px;line-height:1.5;display:none}#loginactioncontainer{margin-left:50px}div.ext_icon_container{background-color:#fff;color:#000}body.darkpagetheme div.ext_icon_container{background-color:#1d2a35;color:#ddd}#darkmodemenu{position:absolute;top:5px;padding:5px 20px 10px 18px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;z-index:-1;transition:top .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}#darkmodemenu input,#darkmodemenu label{cursor:pointer}@media screen and (min-width:601px){#navbtn_menu{display:block}}@media screen and (max-width:430px){#w3loginbtn{width:90px;line-height:2;font-size:14px}#loginactioncontainer{width:70px;margin-left:16px}}@media screen and (max-width:380px){.w3searchbtntopnav,.w3translatebtntopnav{display:none!important}}@media screen and (min-width:861px){#myAccordion,#navbtn_menu,.hidesm{display:none!important}}@media screen and (max-width:430px){#nav_search_btn,#nav_translate_btn,#navbtn_menu{padding:8px}}@media screen and (max-width:860px){.barex,.navex{display:none!important}#google_translate_element,#googleSearch{top:75px;width:100%!important;right:0!important;padding-top:19px!important}}@media screen and (max-width:768px){.w3-jumbo,h1{font-size:60px!important}}@media screen and (max-width:380px){div.cse .gsc-control-cse,div.gsc-control-cse{padding:0;margin-top:-4px}}#w3_cert_badge{right:5%;bottom:-15%}#w3_cert_arrow,#w3_cert_badge{position:absolute;width:220px;transform:rotate(10deg)}#w3_cert_arrow{right:240px;bottom:0;z-index:1}#howto_padding{padding:48px 24px 100px}#getdiploma{position:relative;padding:0 60px 50px;margin-bottom:85px;background-color:#282a35;color:#ffc0c7;font-family:Source Sans Pro,sans-serif}#getdiploma p{font-size:52px}#getdiploma h2,#getdiploma p{margin-top:1em;margin-bottom:1em;font-family:Source Sans Pro,sans-serif}#getdiploma h2{font-size:62px}#getdiploma a{border-radius:50px;font-size:18px;background-color:#04aa6d;padding:17px 55px}@media screen and (max-width:680px){#w3_cert_badge{width:150px;right:2%}}@media screen and (max-width:1155px){#w3_cert_arrow{display:none}}@media screen and (max-width:992px){#w3_cert_arrow{display:block}.w3csstut{height:auto}}@media screen and (min-width:1844px){#w3_cert_badge{width:190px;right:2%}#w3_cert_arrow{right:169px}}@media screen and (max-width:800px){#w3_cert_arrow{display:none}#getdiploma h2{font-size:55px}}@media screen and (max-width:600px){#w3_cert_badge{top:-35px;right:10px;width:100px}#howto_padding{padding:2px 24px 90px}}@media screen and (max-width:500px){#getdiploma p{font-size:40px}#getdiploma a{width:100%}div.ext_icon_container{background-color:transparent!important}}.tutbuttons a{text-decoration:none}.tutbuttons a div{opacity:.9}.tutbuttons a:hover div{opacity:1}.ribbon-vid{width:60px;font-size:14px;padding:5px;position:absolute;left:-20px;top:-10px;text-align:center;color:#000;border-radius:25px;transform:rotate(-20deg)}.ws-yellow-hover:hover{background-color:#fff080!important;color:#000!important}.ws-pink-hover:hover{background-color:#ffb3bb!important;color:#000!important}.ribbon-topnav{font-size:11px;font-weight:700;padding:3px 10px;margin-left:3px;text-align:center;color:#000;border-radius:25px;border:1px solid #000;position:relative;top:-2px;background-color:#fff}#google_translate_element{z-index:7!important}@media screen and (max-width:1152px){.ribbon-topnav{display:none!important}}@media screen and (max-width:860px){.ws-hide-860{display:none!important}#darkmodemenu{padding:5px 10px 10px 9px}}@media screen and (max-width:1080px){.ws-hide-1080{display:none!important}}@media screen and (max-width:1200px){.ws-hide-1200{display:none!important}}@media screen and (max-width:1300px){.ws-hide-1300{display:none!important}}@media screen and (max-width:950px){.ws-hide-950{display:none!important}}#howto_iframe{width:100%;border:6px solid #e3e6e8;height:400px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.vl-howto{border-left:50px solid #282a35;height:80px;position:absolute;top:-6px;left:50%;margin-left:-25px}.vl-howtobtn{width:50%;margin-top:73px}@media screen and (max-width:1250px){.ws-hide-1250{display:none!important}}@media screen and (max-width:900px){#howto_iframe{height:360px}}@media screen and (max-width:800px){#howto_iframe{height:320px}}@media screen and (max-width:700px){#howto_iframe{height:280px}.codeeditorbr-input{margin-left:15px}.vl-howto{height:45px}.vl-howtobtn{margin-top:37px}}@media screen and (max-width:584px){#howto_iframe{height:245px}}@media screen and (max-width:500px){#howto_iframe{height:215px}}@media screen and (max-width:450px){#howto_iframe{height:203px}}.codeeditorbr-container,.codeeditorbr-row{border-top-left-radius:4px;border-top-right-radius:4px}.codeeditorbr-row{padding:10px;background:#f1f1f1}.codeeditorbr-column{float:left}.codeeditorbr-left{width:20%}.codeeditorbr-middle{width:80%}@media screen and (max-width:800px){.codeeditorbr-left{width:24%}.codeeditorbr-middle{width:76%}}.codeeditorbr-row:after{content:"";display:table;clear:both}.codeeditorbr-dot{margin-top:5px;height:15px;width:15px;background-color:#bbb;border-radius:50%;display:inline-block;margin-left:3px}.codeeditorbr-input{width:80%;border-radius:3px;border:none;background-color:#fff;margin-top:-8px;height:22px;color:#666;font-size:14px;padding:5px}.codeeditorbr-tablink{font-size:17px;font-family:Source Sans Pro,sans-serif;border:none;display:inline-block;padding:6px 18px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;text-align:center;cursor:pointer;white-space:nowrap;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#fff}.codeeditorbr-tablink:hover{background-color:#e7e9eb!important}.hover-yellow:hover{background-color:#fff080!important;color:#000!important}#bgcodeimg{background:#282a35 url(/about/w3codes.png) no-repeat fixed 50%}#bgcodeimg2{background:#282a35 url(https://www.w3schools.com/spaces/files/priscilla-du-preez-XkKCui44iM0-unsplash.921aa0c0.jpg) no-repeat fixed 50%}form.example{position:relative}form.example input[type=text]{font-size:16px;border-radius:25px;float:left;width:80%;padding:8px 8px 8px 25px;background:#fff;border-top-right-radius:0;border-bottom-right-radius:0;border:1px solid #282a35;border-right-color:#04aa6d;outline:0}form.example button{border-radius:25px;float:left;width:20%;padding:10px;background:#04aa6d;color:#fff;font-size:17px;border:1px solid #282a35;border-left:none;cursor:pointer;border-top-left-radius:0;border-bottom-left-radius:0}form.example button:hover{background:#059862;color:#fff}form.example:after{content:"";clear:both;display:table}#listofsearchresults{display:none;position:absolute;background-color:#282a35;background-color:#fff;color:#000;width:80%;top:47px;border-left:1px solid #282a35;border-right:1px solid #282a35;border-bottom:1px solid #282a35;text-align:left}#listofsearchresults a{background-color:#e2e3e9;background-color:#fff;color:#777;text-decoration:none;display:block;padding:10px 30px;width:100%;opacity:.95}#listofsearchresults a:hover{color:#000;opacity:1}.span_search{background-color:#ffecee}.search_active{background-color:#ffecee!important;color:#000!important}.search_active .span_search{background-color:#ffccd1}.learntocodeh1{font-size:70px;font-weight:700}.learntocodeh3{color:#ffc0c7;font-weight:700;margin-top:30px!important;font-size:23px}.learntocodecontent{padding-left:90px;padding-right:90px}@media screen and (max-width:600px){.learntocodeh1{font-size:50px!important}.learntocodeh3{font-size:21px!important}.learntocodecontent{padding-left:35px;padding-right:35px}form.example button,form.example input[type=text]{font-size:16px}form.example input[type=text]{padding-left:16px}}@media screen and (max-width:1006px) and (min-width:992px){.ws-hide-special{display:none}}.grey-color{background-color:#e7e9eb;color:#000}body.darkpagetheme .grey-color{background-color:#38444d;color:#ddd}body.darkpagetheme .bar-icon-hover:hover,body.darkpagetheme .fa-logo:hover{background-color:#1d2a35!important;color:#059862!important}table.gstl_50{color:#000}.topnavmain_pro{background-color:#282a35;color:#fff}body.darkpagetheme .topnavmain_pro{background-color:#fff;color:#000}