@import url(https://fonts.googleapis.com/css?family=Fira+Sans:200,400&display=swap&subset=vietnamese);.userdrop_container{position:absolute;z-index:1001;font-size:10pt;color:#f0f0f0;font-weight:400;top:40px;right:0;width:160px;border-radius:2px;border-style:none;background-color:#2e2e2e;box-shadow:-2px 2px 5px 0 #0a0a0a}.row_divider{color:#464646;border-top:1px solid;width:140px;margin:-.5px auto 0}.user_item{padding:0 20px}.user_item:hover{background-color:#464646}.header_left{flex:1 1;justify-content:flex-start}.header_center,.header_left{display:flex;align-items:center}.header_center{justify-content:center}.header_right{flex:1 1;display:flex;align-items:center;justify-content:flex-end}.header button{position:relative;height:40px;width:40px;padding:0;text-decoration:none;outline:none;border-style:none;background:none;color:#f0f0f0;border-radius:4px;font-size:14pt;font-family:Source Sans Pro,Open Sans,Segoe UI,sans-serif;font-weight:600;justify-content:center}.header .user,.header button{display:flex;cursor:pointer;align-items:center}.header .user{right:0}.header span{position:relative;font-family:Source Sans Pro,Open Sans,Segoe UI,sans-serif;line-height:30px;font-size:14pt;font-weight:600;color:#f0f0f0}.header span.title{border-left:1.5px solid;padding-left:20px;padding-right:20px;left:20px}.header span.username{padding-left:10px;padding-right:10px}.header button.signin,.header button.signup{width:90px}.header .divider{position:relative;color:#f0f0f0;float:right;height:30px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-left:1.5px solid}.header button:hover{background-color:#464646}.background{position:absolute;width:100%;height:100%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.shooting_star{position:absolute;left:37%;top:63%;height:2px;background:linear-gradient(-45deg,#1bd9f9,rgba(0,0,255,0));border-radius:999px;-webkit-filter:drop-shadow(0 0 6px #699bff);filter:drop-shadow(0 0 6px #699bff);-webkit-animation:tail 3s ease-in-out infinite,shooting 3s ease-in-out infinite;animation:tail 3s ease-in-out infinite,shooting 3s ease-in-out infinite}.shooting_star:after,.shooting_star:before{content:"";position:absolute;top:calc(50% - 1px);right:0;height:2px;background:linear-gradient(-45deg,rgba(0,0,255,0),#9cd9f9,rgba(0,0,255,0));-webkit-transform:translateX(50%) rotate(45deg);transform:translateX(50%) rotate(45deg);border-radius:100%;-webkit-animation:shining 3s ease-in-out infinite;animation:shining 3s ease-in-out infinite}.shooting_star:after{-webkit-transform:translateX(50%) rotate(-45deg);transform:translateX(50%) rotate(-45deg)}.shooting_star:first-child{top:26%;left:45%}.shooting_star:first-child,.shooting_star:first-child:after,.shooting_star:first-child:before{-webkit-animation-delay:.68s;animation-delay:.68s}.shooting_star:nth-child(2){top:54%;left:24%}.shooting_star:nth-child(2),.shooting_star:nth-child(2):after,.shooting_star:nth-child(2):before{-webkit-animation-delay:336ms;animation-delay:336ms}.shooting_star:nth-child(3){top:92%;left:18%}.shooting_star:nth-child(3),.shooting_star:nth-child(3):after,.shooting_star:nth-child(3):before{-webkit-animation-delay:2397ms;animation-delay:2397ms}.shooting_star:nth-child(4){top:42%;left:32%}.shooting_star:nth-child(4),.shooting_star:nth-child(4):after,.shooting_star:nth-child(4):before{-webkit-animation-delay:1364ms;animation-delay:1364ms}.shooting_star:nth-child(5){top:76%;left:32%}.shooting_star:nth-child(5),.shooting_star:nth-child(5):after,.shooting_star:nth-child(5):before{-webkit-animation-delay:2803ms;animation-delay:2803ms}.shooting_star:nth-child(6){top:84%;left:23%}.shooting_star:nth-child(6),.shooting_star:nth-child(6):after,.shooting_star:nth-child(6):before{-webkit-animation-delay:1433ms;animation-delay:1433ms}.shooting_star:nth-child(7){top:47%;left:53%}.shooting_star:nth-child(7),.shooting_star:nth-child(7):after,.shooting_star:nth-child(7):before{-webkit-animation-delay:336ms;animation-delay:336ms}.shooting_star:nth-child(8){top:65%;left:18%}.shooting_star:nth-child(8),.shooting_star:nth-child(8):after,.shooting_star:nth-child(8):before{-webkit-animation-delay:685ms;animation-delay:685ms}.shooting_star:nth-child(9){top:33%;left:63%}.shooting_star:nth-child(9),.shooting_star:nth-child(9):after,.shooting_star:nth-child(9):before{-webkit-animation-delay:1377ms;animation-delay:1377ms}.shooting_star:nth-child(10){top:12%;left:63%}.shooting_star:nth-child(10),.shooting_star:nth-child(10):after,.shooting_star:nth-child(10):before{-webkit-animation-delay:1193ms;animation-delay:1193ms}@-webkit-keyframes tail{0%{width:0}30%{width:100px}to{width:0}}@keyframes tail{0%{width:0}30%{width:100px}to{width:0}}@-webkit-keyframes shining{0%{width:0}50%{width:30px}to{width:0}}@keyframes shining{0%{width:0}50%{width:30px}to{width:0}}@-webkit-keyframes shooting{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(400px);transform:translateX(400px)}}@keyframes shooting{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(400px);transform:translateX(400px)}}@-webkit-keyframes sky{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@keyframes sky{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@font-face{font-family:Squares;src:url(/static/media/Squares\ Bold.3469b485.otf)}.maincontent.home{overflow:scroll;position:absolute}.top_maincontent{flex-direction:row;height:90vh;width:100%}.title_code,.top_maincontent{position:relative;display:flex;align-items:center}.title_code{flex-direction:column;text-align:center;justify-content:center}.title_code .name{color:#f0f0f0;font-family:Squares;font-style:italic;font-size:36pt;line-height:100px}.title_code .other_name{text-align:right;color:#0d9e5b;font-family:Source Sans Pro,Open Sans,Segoe UI,sans-serif;font-size:32pt}@-webkit-keyframes Sidebar_rainbowBorder{0%{background-position:87% 100%}25%{background-position:10% 0}50%{background-position:87% 100%}75%{background-position:10% 0}to{background-position:87% 100%}}@keyframes Sidebar_rainbowBorder{0%{background-position:87% 100%}25%{background-position:10% 0}50%{background-position:87% 100%}75%{background-position:10% 0}to{background-position:87% 100%}}.button_code{background-image:linear-gradient(115deg,#cf3721,#f5be41,#258039,#31a9b8);padding:3px;border-radius:6px;border-style:none;outline:none;box-sizing:border-box;cursor:pointer;font-weight:600;letter-spacing:1px;font-family:Source Sans Pro,Open Sans,Segoe UI,sans-serif;background-size:400% 400%;-webkit-animation:Sidebar_rainbowBorder 3s ease-in-out infinite;animation:Sidebar_rainbowBorder 3s ease-in-out infinite}.button_code span{color:#f0f0f0;padding:10px;text-align:center;border-radius:4px;background:#1e1e1e;display:block;font-size:14pt;align-items:center;box-sizing:border-box}.button_code:hover{box-shadow:0 0 15px 0 #0d9e5b}.center_maincontent{height:60vh}.bottom_maincontent,.center_maincontent{position:relative;display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center;font-family:Source Sans Pro,Open Sans,Segoe UI,sans-serif;color:#f0f0f0}.bottom_maincontent{height:90vh}.aboutUs{flex-wrap:wrap;height:80%;width:70%;border-radius:10px;padding:10px;background-color:rgba(0,0,0,.2)}.aboutUs,.people_profile{display:flex;align-items:center;justify-content:center}.people_profile{position:relative;flex-direction:row;width:33.33%;height:50%}.people_avt{margin:10px;width:40%;border:5px solid hsla(0,0%,100%,.2);border-radius:50%;background-position:50%}.people_info{text-align:center;padding:10px;font-size:15pt}.info_url{text-decoration:none;color:#f0f0f0;cursor:pointer}.info_url:hover{color:#0d9e5b}.commit_box{position:relative;display:flex;flex-direction:row;height:26px;width:calc(100% - 10px);line-height:20px;color:#f0f0f0;margin:5px;font-family:Source Sans Pro,Open Sans,Segoe UI,sans-serif;font-size:10pt;font-weight:600}.commit_btn{border:none;outline:none;flex:1 1;width:100%;color:#f0f0f0;background:#008a4a;cursor:pointer;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.commit_input{position:relative;outline:none;flex:3 1;width:100%;padding:1px 5px;line-height:20px;color:#000}.sidebar{display:inline-flex;background-color:#282828}.sbar_iconContainer,.sidebar{position:relative;height:100%}.sbar_iconContainer{background-color:#464646;width:50px;text-align:center}.sbar_icon{cursor:pointer;color:#bbb}.sbar_icon:hover{color:#0d9e5b}.sbar_icon.open,.sbar_icon:active{background-color:#282828}.sbar_icon.open{color:#0d9e5b}.sbar_help_icon{position:absolute;cursor:pointer;color:#bbb;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:0}.sbar_help_icon:hover{color:#0d9e5b}.sbar_content{position:relative}.SidebarElement{width:200px;height:100%;margin:0 auto;color:#f0f0f0;font-family:Source Sans Pro,Open Sans,Segoe UI,sans-serif}.sidebar_title{position:relative;text-align:center;margin:10px auto;font-weight:600;line-height:28px}.sidebar_element{position:relative}.sidebar_element,.sidebar_element .signin_git_button{display:flex;justify-content:center;align-items:center}.sidebar_element .signin_git_button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:#0d9e5b;border-radius:6px;padding:.5em;font-size:.9em;font-weight:500;letter-spacing:.5px;cursor:pointer}.sidebar_element .signin_git_button:hover{background-color:rgba(13,158,91,.75)}.horizontal_divider{color:#464646;border-top:1px solid;width:100%;margin:-.5px auto 0}.branch_element{display:block;font-family:Source Sans Pro,Open Sans,Segoe UI,sans-serif;letter-spacing:.8px;font-size:11.5pt;width:calc(100% - 20px);word-break:break-all;padding:10px}.branch_element:hover{background-color:#464646}.url_navigation{justify-content:flex-start;height:30px;background-color:#f0f0f0;margin:5px 0;padding:0 2.5px}.run_btn,.url_navigation{display:flex;align-items:center}.run_btn{background-color:#0d9e5b;color:#f0f0f0;padding:0 5px;margin-right:2.5px;border-radius:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:25px;cursor:pointer}.run_btn_title{font-family:Source Sans Pro,Open Sans,Segoe UI,sans-serif;font-weight:600;font-size:10pt;letter-spacing:.5px}.url_inp_container{display:flex;align-items:center;width:100%;border:1px solid hsla(0,0%,50.2%,.5);border-radius:10px}.url_inp{width:calc(100% - 25px);background-color:transparent;color:#0f0f0f;outline:none}.iframe,.url_inp{border-style:none}.iframe{width:100%;height:calc(70% - 50px);background-color:#f0f0f0}.CodeEditor{height:100%;background-color:#202124}.header_tab{height:25px;width:100%;margin-bottom:5px;background-color:#2c2c2c;box-shadow:1px 3px 5px -2px #0a0a0a}.header_tab_element{display:flex;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:100%;padding:0 20px;background-color:#202124;color:#d0d0d0;box-shadow:1px 1px 2px #0a0a0a;font-family:Source Sans Pro,Open Sans,Segoe UI,sans-serif;font-size:10pt;font-style:italic}.Console{height:30vh;margin-right:5px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.console_contaniner{display:block;background-color:#1e1e1e;height:calc(100% - 26px)}.console_tab{height:26px;background-color:#2c2c2c;padding-right:5px}.console_tab button{position:relative;background-color:transparent;outline:none;cursor:pointer;color:#f0f0f0;border-style:none;border-radius:4px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.footer_bar{background-color:#2c2c2c;height:26px}.footer_bar button{position:relative;right:5px;background-color:transparent;outline:none;cursor:pointer;float:right;color:#f0f0f0;border-style:none;border-radius:4px;height:100%}.footer_bar button:hover{background-color:#464646}.footer_bar button.header_item{height:100%;margin:0 10px 0 0;float:left}::-webkit-scrollbar{display:none}.maincontent.editor{display:flex;flex-direction:row;margin-top:7px;height:calc(94vh - 10px)}.editor_pane.vertical{height:100%}.editor_pane.vertical.pane2{flex:1 1;min-width:200px}.editor_pane.vertical.pane3{flex:1 1;background-color:#2c2c2c;padding:0 5px 0 0;display:flex;flex-direction:column;position:relative}.editor_pane.horizontal{width:100%}.resizer.vertical{width:5px;height:100%;background-color:#2c2c2c}.maincontent.signin{display:flex;flex-direction:column;height:90vh;align-items:center;justify-content:center}.signin_title{margin-bottom:10px;font-size:25pt;color:#fff;font-weight:600;font-family:Source Sans Pro,Open Sans,Segoe UI,sans-serif}.signin_box{position:relative;justify-content:center;background-color:hsla(0,0%,100%,.17);margin:0 auto;border-radius:10px;width:25%;height:50%;box-shadow:0 0 20px 2px rgba(0,0,0,.75)}.signin_box,.signin_input{display:flex;flex-direction:column}.signin .box_input{position:relative;text-align:left;margin:1em 2em 0;padding:.8em 1em;background:hsla(0,0%,100%,.75);border-radius:6px}.signin_input input{font-size:15px;color:#222;display:block;background:transparent;float:right;width:90%}.signin_box button,.signin_input input{outline:none;border:none;letter-spacing:1px}.signin_box button{position:relative;display:flex;justify-content:center;align-items:center;font-family:Source Sans Pro,Open Sans,Segoe UI,sans-serif;color:#fff;font-weight:600;font-size:.875em;cursor:pointer;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;border-radius:6px;text-decoration:none;padding:.8em 1em}.signin_box button.signin_button{font-size:1rem;margin:1.5em 2em;background-color:#0d9e5b}.signin_box button.signin_git_button{font-size:1rem;margin:0 2em;background-color:#0d9e5b}.signin_box button.signin_button:hover,.signin_box button.signin_git_button:hover{background-color:rgba(13,158,91,.75)}.signin-divider{width:100px;margin:0 auto;padding:0;box-sizing:border-box;position:relative}.signin-divider .bar-top{left:66px}.signin-divider .bar-bottom{right:66px}.signin-divider .bar{height:1px;width:135px;position:absolute;background:#fff}.signin-or{position:absolute;display:block;width:30px;height:20px;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);border:1px solid #fff;text-align:center;display:flex;border-radius:4px;justify-content:center;align-items:center;font-size:.8rem;color:#fff}.links p{display:block;width:45%;margin:0 auto;float:right}.links p a{font-size:8pt;letter-spacing:1px;color:#fff;text-transform:uppercase}.signup .maincontent{display:flex;flex-direction:column;height:90vh;align-items:center;justify-content:center;width:100%}.signup_title{margin-bottom:10px;font-size:25pt;color:#fff;font-weight:600;font-family:Source Sans Pro,Open Sans,Segoe UI,sans-serif}.signup_box{display:flex;flex-direction:column;background-color:hsla(0,0%,100%,.17);margin:0 auto;border-radius:10px;width:550px;height:480px;box-shadow:0 0 20px 2px rgba(0,0,0,.75)}.item{display:flex;font-family:Source Sans Pro,Open Sans,Segoe UI,sans-serif;color:#fff;font-weight:500;margin-left:2em;margin-right:1.75em;align-items:center;justify-content:space-between}.signup .box_input{position:relative;width:-webkit-fill-available;display:block;text-align:left;margin:.5em .25em;padding:.8em 1em;background:hsla(0,0%,100%,.75);border-radius:6px;float:right}.signup_input input{font-size:14px;color:#222;display:block;background:transparent;width:100%}.signup_box button,.signup_input input{outline:none;border:none;letter-spacing:1px}.signup_box button{position:relative;font-family:Source Sans Pro,Open Sans,Segoe UI,sans-serif;color:#fff;font-weight:600;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;border-radius:6px;text-decoration:none;padding:.8em 1em;font-size:1rem;margin:1em 2em 1.5em;background-color:#0d9e5b}.signup_box button:hover{background-color:rgba(13,158,91,.75)}.Help{width:calc(100vw - 40px);height:calc(100vh - 40px);font-family:Source Sans Pro,Open Sans,Segoe UI,sans-serif;color:#f0f0f0;padding:20px;overflow:scroll}.Help ul li h3{font-weight:400}.Help li{margin-bottom:5px}.maincontent.profile{display:flex;flex-direction:column;align-items:unset;justify-content:unset;font-family:Fira Sans,sans-serif}.maincontent .top_content{flex:1 1;display:flex;color:#f0f0f0;flex-direction:row;align-items:center;justify-content:center}.avatar_profile{padding-right:50px}.displayName_profile{font-size:32pt;border-right:1.5px solid;padding-right:25px}.username_profile{font-size:32pt;padding-left:25px}.github_link{cursor:pointer}.created_time{line-height:50px;font-size:14pt;color:rgba(13,158,91,.75)}.bio_profile{padding-top:15px}.bio_title{position:absolute;background-color:#1e1e1e;color:rgba(13,158,91,.75);margin-top:-13px;margin-left:10px}.bio_content,.bio_title{font-size:14pt;font-weight:lighter}.bio_content{text-align:center;min-width:200px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;line-height:30px;padding:15px;border:1px solid rgba(13,158,91,.75);border-radius:5px 15px;word-break:break-word}.maincontent .bottom_content{flex:1 1;font-size:14pt;color:#f0f0f0;font-weight:lighter;display:flex;justify-content:center}.profile_items{position:absolute;font-size:14pt;font-weight:lighter;width:630px;border-left:1px solid rgba(13,158,91,.75)}.profile_item{padding:15px}.profile_item a{text-decoration:none;color:#f0f0f0}.maincontent.dashboard{display:flex;flex-direction:row;width:100%;height:94vh}.dashboard_pane.vertical{height:calc(100% - 5px);margin-top:10px}.dashboard_pane.vertical.dashboard_pane1{flex:1 1;min-width:25vh;margin-right:5px;background-color:#282828}.dashboard_pane1.container{position:relative;top:10vh}.dashboard_pane1.element{font-family:Source Sans Pro,Open Sans,Segoe UI,sans-serif;font-size:12pt;color:#f0f0f0;padding:10px 20px;margin-bottom:5px;cursor:pointer}.dashboard_pane1.element.active{background-color:rgba(13,158,91,.2)}.dashboard_pane.vertical.dashboard_pane2{flex:6 1}.dashboard_pane2.header_container{display:flex;align-items:center;height:10vh;background-color:#282828}.grid_title{font-family:Source Sans Pro,Open Sans,Segoe UI,sans-serif;font-size:16pt;color:#f0f0f0;padding:20px}.dashboard_pane2.grid_container{position:relative;height:calc(100% - 10vh - 40px);padding:40px 40px 0;display:grid;grid-column-gap:40px;grid-template-columns:1fr 1fr 1fr;overflow:scroll}#deleted_projects{display:none}.grid_element{display:flex;flex-direction:column;position:relative;height:30vh;margin-bottom:40px;cursor:pointer;align-items:center;justify-content:center}.grid_element.new{background-color:rgba(13,158,91,.1);border:2px dashed rgba(13,158,91,.75)}.grid_element.project{border:2px solid rgba(13,158,91,.75)}.project_image{flex:3 1;justify-content:center;width:calc(100% - 1px);background-color:#f0f0f0}.project_image,.project_name{display:flex;align-items:center}.project_name{flex:1 1;width:calc(100% - 21px);padding:0 10px;justify-content:space-between;color:#f0f0f0;font-family:Source Sans Pro,Open Sans,Segoe UI,sans-serif;font-size:14pt;font-weight:600;background-color:rgba(13,158,91,.1)}.project_icon{position:relative;color:hsla(0,0%,94.1%,.8)}.project_icon:hover{color:#f0f0f0}.projectOptions_container{position:absolute;z-index:500;font-size:10pt;color:#f0f0f0;font-weight:400;min-width:100px;width:-webkit-max-content;width:-moz-max-content;width:max-content;border-radius:2px;background-color:#2e2e2e;box-shadow:0 0 4px 0 #0a0a0a}.projectOptions_row_divider{color:#464646;border-top:1px solid;width:100%;margin:-.5px auto 0}.projectOptions_item{padding:5px 10px}.projectOptions_item:hover{background-color:#464646}body{background-color:#1e1e1e;overflow:hidden;background-size:cover;background-position:50%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0 auto;display:flex;flex-direction:column}a{text-decoration:none}.header{position:fixed;display:flex;top:0;width:calc(100vw - 20px);background:#1e1e1e;z-index:100;align-items:center;justify-content:space-between;height:6vh;box-shadow:0 0 10px 0 #0d9e5b;padding:0 10px}.maincontent{position:relative;top:6vh;height:90vh;width:100%}.footer{position:fixed;width:calc(100vw - 20px);background:#1e1e1e;z-index:100;bottom:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;color:hsla(0,0%,94.1%,.27);font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:10pt;text-align:center;height:4vh;padding:0 10px}
/*# sourceMappingURL=main.b9e75ca0.chunk.css.map */