@import url(https://fonts.googleapis.com/css?family=Merriweather:100,200,300,300i,400,400i,700);@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700);@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400);body{margin:0;padding:0;font-family:sans-serif;font-family:HelveticaNeue-Light,sans-serif;color:#3f3464}.container-fluid{width:100%;height:100%;padding:0;margin:0}.row{height:100%}.wrapper{background-image:url(/static/media/space-background.ed946ca8.jpg);background-repeat:no-repeat;background-attachment:fixed;background-size:cover;height:100vh;width:100vw;left:0;top:0;bottom:0;right:0;transition:all .5s ease}#sidebar-wrapper{top:2%;z-index:1000;position:fixed;left:200px;width:50px;margin-left:-200px;overflow-y:none;border-top-right-radius:10px;border-bottom-right-radius:10px}#content-wrapper,#sidebar-wrapper{height:96%;transition:all .5s ease}#content-wrapper{position:absolute;width:100%;padding-left:55px;margin-top:2vh;padding-right:5px;-webkit-animation:fadein 1s;animation:fadein 1s}#sidebar-wrapper.toggled{width:200px}#content-wrapper.toggled{padding-left:205px}.content-container{height:100%;padding:0 5px;margin:0;position:relative}.content-container__inner{width:100%;height:100%;padding:0;top:0;background-color:hsla(0,0%,100%,.6);border-radius:10px;transition:all .5s ease}.no-background{background-color:transparent}.col-sm-12,.col-xs-12,.no-padding{padding:0}#sidebar-container{width:100%;height:100%;background-color:hsla(0,0%,100%,.9);border-top-right-radius:10px;border-bottom-right-radius:10px;transition:all .5s ease}.btn-toggleSidebar{position:absolute;right:5px;top:5px;width:40px;height:40px;border-radius:100%;border:none;outline:none;outline-style:none;justify-content:center;align-items:center;text-align:center;line-height:40px;vertical-align:middle;transition:all .5s ease}#sidebar-wrapper.toggled .btn-toggleSidebar{-webkit-transform:rotate(180deg);transform:rotate(180deg)}#top-container{width:100%;height:60px}#profile-pic-container{width:20px;border-radius:50%;position:relative;overflow:hidden}#profile-pic{width:80%;height:auto;position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);box-shadow:0 0 10px 1px #888}#rank-icon{width:30%;position:absolute;top:170px;margin-left:-225px;transition:all .5s ease}.robotIdContainer{text-align:center}#robotLogo{position:relative;height:50px;margin:50px 0 5px}#sidebar-wrapper.toggled #rank-icon{margin-left:-145px}#user-name-container{position:absolute;width:200px;top:250px;margin-left:-180px;text-align:left;font-family:HelveticaNeue,sans-serif;transition:all .5s ease}#sidebar-wrapper.toggled #user-name-container{margin-left:20px}#categories-container{position:absolute;width:100%;height:auto;bottom:50px}.category-container{width:100%;height:50px}.category-btn{position:absolute;width:190px;margin-top:2px;height:46px;right:5px;border-radius:25px}.active{background:linear-gradient(90deg,#ff9a7c,#ff5770);box-shadow:0 0 30px 1px silver;color:#fff}.category-icon-container{position:absolute;right:5px;margin-top:5px;width:40px;height:40px;border-radius:100%;border:none;outline:none;outline-style:none;justify-content:center;align-items:center;text-align:center;line-height:40px;vertical-align:middle}.btn-toggleSidebar:hover,.category-btn:hover{cursor:pointer}.category-icon{font-size:1.8em;margin-top:6px;margin-right:-5px;transition:all .5s ease}.fa-chevron-right{margin-top:10px;margin-left:3px}.category-name{width:130px;margin-left:-130px;float:left;text-align:right;line-height:50px;vertical-align:middle;transition:all .5s ease}#sidebar-wrapper.toggled .category-name{margin-left:0}.row{width:100%;padding:0;margin:0}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}#freecoding{position:static;width:100%;height:100%;padding:0 5px}#freecoding-tabs{position:static;height:30px;width:100%;z-index:1000}.tab{height:100%;width:33.33%;float:left;border-radius:10px 10px 0 0;background-color:hsla(0,0%,100%,.9);text-align:center;line-height:30px;vertical-align:middle;z-index:1000}.tab:hover{cursor:pointer}.active-tab{background:linear-gradient(90deg,#ff9a7c,#ff5770);color:#fff}#editor-container{box-sizing:border-box;height:calc(100% - 30px);position:static;padding-top:0;width:100%}#editor{box-sizing:initial;width:100%;height:100%}#blockly-container{position:relative;width:100%;height:100%;left:0;top:0}.blocklyDrawer{height:100%}.blocklyWorkspace{background:none;background-color:none;width:100%}.blocklyMainBackground{left:0;top:0;width:100%;border-radius:0 0 10px 10px;opacity:.9;background-color:rgba(32,30,30,.9);background:none;fill:none}.blocklyToolboxDiv{border-top-left-radius:0;border-bottom-left-radius:10px}.injectionDiv{border-radius:0 0 10px 10px;background-color:none}#btn-container{left:120px;bottom:20px;position:absolute;width:auto;height:50px;text-align:center}.btn-blockly-editor{float:left;border-radius:25px;margin-right:20px;width:50px;height:50px;background-color:hsla(0,0%,100%,.9);box-shadow:0 0 10px .5px #888;text-align:center;line-height:50px;vertical-align:middle;font-size:2.2em;color:#3f3464}.blockly-buttons:hover{background-color:#ff7675}.bg-white{background-color:#fff;opacity:1}.hax{display:flex;height:100%;flex-wrap:wrap}.content-container__inner{position:relative;display:inline-block}.buttongroup{width:100%}.buttongroup .button{border:none;background-color:#64c7cc;border-radius:50%;width:10em;height:10em;color:#fff;padding:20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;opacity:.6;transition:.3s;z-index:1}.buttongroup .button:hover{opacity:1}.robotId-input{border:none;border-bottom:1px solid grey;background-color:initial;width:100%;padding:12px 2px;margin:2px 0;display:inline-block;box-sizing:border-box;outline:none}.connect-button-container{width:100%;text-align:center}.connect-button{font-size:14px;color:#fff;width:100%;height:40px;background:linear-gradient(90deg,#ff9a7c,#ff5770);border-radius:20px;margin:30px 0;border:none;box-shadow:0 0 20px 1px #d3d3d3;cursor:pointer}input[type=password],input[type=text],select,textarea{outline:none}.login-wrapper{position:fixed;height:100vh;width:100vw;text-align:center;line-height:100%;padding-top:100px}.login-wrapper,.loginBox{vertical-align:middle;transition:all .5s ease}.loginBox{position:relative;display:inline-block;width:360px;height:auto;padding:20px 60px;border-radius:10px;background-color:hsla(0,0%,100%,.95)}.login-header{width:100%;height:200px;padding:10px 30px}#logo{width:100%}.loading-gear{font-size:100px}.failed-icon{font-size:50px}:focus{outline:none}
/*# sourceMappingURL=main.c096a4b4.chunk.css.map */