/*!
 * WARNING: If this is a CSS file, don't edit this file by hand!
 * Instead, you should be using Compass to modify the .scss files.
 * (More information at http://compass-style.org/)
 *//*! normalize.css v3.0.1 | MIT License | git.io/normalize */.market article,.market aside,.market details,.market figcaption,.market figure,.market footer,.market header,.market hgroup,.market main,.market nav,.market section,.market summary{display:block}.market audio,.market canvas,.market progress,.market video{display:inline-block;vertical-align:baseline}.market audio:not([controls]){display:none;height:0}.market [hidden],.market template{display:none}.market a{background:0 0}.market a:active,.market a:hover{outline:0}.market abbr[title]{border-bottom:1px dotted}.market b,.market strong{font-weight:700}.market dfn{font-style:italic}.market h1{font-size:2em;margin:.67em 0}.market mark{background:#ff0;color:#000}.market small{font-size:80%}.market sub,.market sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.market sup{top:-.5em}.market sub{bottom:-.25em}.market img{border:0}.market svg:not(:root){overflow:hidden}.market figure{margin:1em 40px}.market hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}.market pre{overflow:auto}.market code,.market kbd,.market pre,.market samp{font-family:monospace,monospace;font-size:1em}.market button,.market input,.market optgroup,.market select,.market textarea{color:inherit;font:inherit;margin:0}.market button{overflow:visible}.market button,.market select{text-transform:none}.market button,.market html input[type=button],.market input[type=reset],.market input[type=submit]{-webkit-appearance:button;cursor:pointer}.market button[disabled],.market html input[disabled]{cursor:default}.market button::-moz-focus-inner,.market input::-moz-focus-inner{border:0;padding:0}.market input{line-height:normal}.market input[type=checkbox],.market input[type=radio]{box-sizing:border-box;padding:0}.market input[type=number]::-webkit-inner-spin-button,.market input[type=number]::-webkit-outer-spin-button{height:auto}.market input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}.market input[type=search]::-webkit-search-cancel-button,.market input[type=search]::-webkit-search-decoration{-webkit-appearance:none}.market fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}.market legend{border:0;padding:0}.market textarea{overflow:auto}.market optgroup{font-weight:700}.market table{border-collapse:collapse;border-spacing:0}.market td,.market th{padding:0}*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin:0;padding:0}body,html{background:#3498db;overflow-x:hidden;position:relative;margin:0;padding:0;font-family:Roboto,sans-serif;color:#B2BABB}a{text-decoration:none}#header{position:fixed;width:100%;height:10vh;z-index:999;background:#3498db}#logo{position:absolute;left:5%;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);font-size:2vw;color:#fff}.theTopic{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);color:#fff;font-size:2vw;font-weight:100;display:none}.arrows{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);width:2%;opacity:.5;display:none}.arrows:hover{opacity:1}#arrowPrev{left:38%}#arrowNext{right:38%}.menu{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);right:2%;width:3%;cursor:pointer}#menuOpen{opacity:1}#menuOpen:hover{opacity:1}#menuClose{display:none}#showMenu{position:fixed;right:0;width:0;height:10vh;background:rgba(53,53,53,.9)}ul{position:absolute;list-style:none;margin-top:20%;margin-left:5%;width:75%;display:none}li{font-size:2vw;color:#f5d76e;font-weight:700}li:hover{color:#F5E9B4}.topics{margin-left:10%;font-size:1.8vw;font-weight:300}#spacer{width:100%;height:8vh}h1{text-align:center;font-family:Roboto,sans-serif;font-weight:900;font-size:7vw;color:#fff;margin:0;padding:0}h2{text-align:center;font-family:Roboto,sans-serif;font-weight:100;font-size:4vw;color:#f5d76e;margin:0}#define{width:70%;margin:3% auto;font-size:1.8vw;font-weight:100;color:#fff}.container{width:100vw;height:100vh;margin:0;padding:0;position:relative}#screen{position:relative;width:50%;height:60%;background:#fff;top:25%;transform:translateY(-30%);-webkit-transform:translateY(-30%);-moz-transform:translateY(-30%);margin:0 auto;box-shadow:0 10px 7px 1px #2E6B95;overflow:auto;font-size:0}#hidden{width:100%;height:100%;position:relative}.screenDiv{color:#f2f2f2;width:40%;height:40%;font-size:3vw}.screenEl{color:#B2BABB;position:relative;font-size:3vw;margin:0;padding:0}#onScreen{background:#A2D9CE;position:relative;top:0;left:0;border-style:solid;border-width:0;border-color:#000}#pos2 #onScreen{position:static}div #onScreen{background:teal}#onScreenImg{width:500px}#onScreenTxt{color:gray;font-size:40px;text-align:center;position:relative;top:25%}#onScreenId1{background:#A2D9CE}#onScreenId2{background:#1ABC9C}#onScreenDisplay1{border:3px solid #A2D9CE}#onScreenDisplay2{border:3px solid #1ABC9C}#onScreenSpace1{background:#A2D9CE}#onScreenSpace2{background:#1ABC9C}#onScreenSpace3{background:#A0B6B2}#onScreenLink{font-size:2.5vw;text-decoration:underline}#onScreen1{background:#A2D9CE;position:relative;width:50%;height:50%;left:20%;top:20%}#onScreen2{background:#1ABC9C;position:relative;width:70%;top:0}.code{width:22vw;height:50vh;position:absolute;top:5%;font-family:Roboto,sans-serif;font-weight:100;color:#fff}h3{font-weight:100;font-size:2.5vw}#playground h3{font-size:2vw;padding-top:10%}h3,h5{margin:0;padding:0}h4{font-size:2.5vw;font-weight:100;margin:10% 10%;color:#696868}h5{margin-left:5%;margin-top:7%;font-size:1.5vw;display:inline-block;font-weight:300}.just4border{margin-left:0;margin-right:2%;font-size:1.3}h6{font-size:1.5vw;margin:0;padding:0;display:inline-block;font-weight:300}.code-header{padding-bottom:5%}#html{left:1%;text-align:left}.code-header{color:#f5d76e;font-weight:700}#html h3{padding-top:10%;text-align:left;font-size:2vw}#css{right:0;text-align:left}input{display:inline-block;width:45%;font-size:1.5vw;border:2px solid #fff;margin-bottom:3px;background:0 0;padding-left:2%;padding-top:2px;padding-bottom:2px;color:#fff;font-weight:100}input:focus{outline:0;border:2px solid #f5d76e}#prev{left:30%}#next{right:30%}#more{position:relative;width:100%;height:50vh;background:#f2f2f2}.codePic{position:absolute;left:10%;top:20%;width:20%}#moreTitle{font-size:9vw;color:#D5D5D5;opacity:.7;font-weight:900;line-height:0}.moreInfo{position:absolute;width:60%;top:20%;left:35%;font-size:1.5vw;color:#353535;font-weight:100}#topicsList{position:relative;width:100%;height:auto}#topicsIntro{position:relative;width:100%;height:30vh;background:#3498db}.topicBox{position:relative;width:100%;height:15vh}.odd{background:#f2f2f2;color:#3498db}.even{background:#3498db;color:#f2f2f2}.odd:hover{background:#f5d76e;color:#353535}.even:hover{background:#f5d76e;color:#353535}.leftSide{position:absolute;left:10%;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%)}.rightSide{position:absolute;width:50%;left:40%;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%)}#allTopics{color:#fff;font-size:5.5vw;font-weight:700}#allTopicsIntro{color:#fff;font-size:2.5vw;font-weight:100}.topicsFont1{font-size:2.5vw;font-weight:400}.topicsFont2{font-size:2vw;font-weight:100}#footer{position:relative;width:100%;height:20vh;background:#454646}#contactMe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);width:12vw;height:7vh;border:2px solid #fff;background:0 0;font-size:1.5vw;font-weight:300;color:#fff}#contactMe:hover{border:2px solid #f5d76e;background:#f5d76e;color:#454646}.fontThin{font-weight:100}.fontMed{font-weight:300}.fontFat{font-weight:700}.alignCenter{text-align:center!important}.xshort{width:10%}.short{width:20%}.med{width:35%}.long{width:45%}span{color:#f5d76e;font-weight:400}.fixed{position:fixed!important}.indent{margin-left:5%;font-size:1.8vw!important}.marginX{margin:0 3%;font-weight:100}.noHeight{line-height:0}.lineFull{display:block}.block{display:block}.inlineBlock{display:inline-block}.startPos{top:0!important;left:0!important}.noBorderBox{box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box}.smaller{width:30%!important}.noOverflow{overflow:hidden!important}@media only screen and (max-width:700px) and (orientation:portrait){.menu{width:8%;right:10%}ul{margin-top:10%}li{font-size:30px}.topics{font-size:22px}#spacer{height:10vh}#logo{font-size:20px}#showMenu{background:rgba(53,53,53,1);overflow:auto}.theTopic{visibility:hidden}.arrows{display:block;width:5%}h1{font-size:35px}h2{font-size:28px}#define{width:90%;font-size:14px}.container{height:auto}#screen{width:100%;height:50vh;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0)}.playgroundText{font-size:20px}.code{position:relative;top:15%;left:5%!important;width:90%;margin-top:40px}.playgroundBorder{border-bottom:1px solid #D6EAF8}.code-header{position:relative;text-align:center;font-size:40px}.code h3{font-size:25px!important}.code h5{font-size:20px!important}.code h6{font-size:16px!important}#html{border-bottom:1px solid #D6EAF8}#css{font-size:30px;padding-top:5%}#allTopicsIntro{font-size:14px}input{font-size:20px;padding-top:5px;padding-bottom:5px;margin-bottom:5px}.xshort{width:10%}.short{width:20%}.med{width:50%}.iphoneInput{width:40%;padding:2px 0;margin-top:5px}.long{width:70%}#more{display:none}#footer{display:none}}