body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body{overflow-x:hidden;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1946' height='1946' viewBox='0 0 200 200'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='88' y1='88' x2='0' y2='0'%3E%3Cstop offset='0' stop-color='%2302141e'/%3E%3Cstop offset='1' stop-color='%23032030'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' gradientUnits='userSpaceOnUse' x1='75' y1='76' x2='168' y2='160'%3E%3Cstop offset='0' stop-color='%238f8f8f'/%3E%3Cstop offset='.09' stop-color='%23b3b3b3'/%3E%3Cstop offset='.18' stop-color='%23c9c9c9'/%3E%3Cstop offset='.31' stop-color='%23dbdbdb'/%3E%3Cstop offset='.44' stop-color='%23e8e8e8'/%3E%3Cstop offset='.59' stop-color='%23f2f2f2'/%3E%3Cstop offset='.75' stop-color='%23fafafa'/%3E%3Cstop offset='1' stop-color='%23FFF'/%3E%3C/linearGradient%3E%3Cfilter id='b' x='0' y='0' width='200%25' height='200%25'%3E%3CfeGaussianBlur in='SourceGraphic' stdDeviation='12'/%3E%3C/filter%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 174V0h174z'/%3E%3Cpath fill-opacity='.5' filter='url(%23b)' d='M121.8 174C59.2 153.1 0 174 0 174s63.5-73.8 87-94c24.4-20.9 87-80 87-80s-66.1 104.4-52.2 174z'/%3E%3Cpath fill='url(%23c)' d='M142.7 142.7C59.2 142.7 0 174 0 174s42-66.3 74.9-99.3S174 0 174 0s-31.3 62.6-31.3 142.7z'/%3E%3C/svg%3E");background-attachment:fixed;background-repeat:no-repeat;background-position:0 0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body::-webkit-scrollbar{display:none}.notif{min-width:10rem;min-height:5rem;background-color:#002b36;position:fixed;bottom:0;z-index:9999999999;margin-bottom:1rem;margin-left:1rem;box-shadow:0 2px 10px 0 rgba(11,122,117,.75);cursor:pointer;display:none;justify-content:center;align-content:center;-webkit-animation:notipop .7s;animation:notipop .7s;padding-left:1rem;padding-right:1rem}.notif span{align-self:center}@-webkit-keyframes notipop{0%{transform:scale(.2);height:0}50%{transform:scale(1.1);height:2rem}to{transform:scale(1);height:-webkit-fit-content;height:fit-content}}@keyframes notipop{0%{transform:scale(.2);height:0}50%{transform:scale(1.1);height:2rem}to{transform:scale(1);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}[draggable=true]{cursor:move;-webkit-user-drag:element}.blank{width:100vw;height:100vh;position:relative;background-color:#fff}.context-menu{position:absolute;text-align:center;background:#d3d3d3;border:1px solid #000}.context-menu ul{padding:0;margin:0;min-width:150px;list-style:none}.context-menu ul li{padding-bottom:7px;padding-top:7px;border:1px solid #000}.context-menu ul li a{text-decoration:none;color:#000}.context-menu ul li:hover{background:#a9a9a9}.lo-wrapper{flex:1 1;background-color:#fff}.lo-nav{display:flex;justify-content:flex-end;position:-webkit-sticky;position:sticky;top:0;z-index:999999}.lo-nav,.lo-nav ol{background-color:#002b36}.lo-nav ol{list-style-type:none;margin:0;padding:0;overflow:hidden;align-self:center}.lo-nav li{display:block;color:#fff;text-align:center;padding:14px 16px;text-decoration:none;float:right}.lo-nav li:active,.lo-nav li:hover{background-color:rgba(13,112,112,.486)}.lo-nav li:active{transform:scale(.98)}.lo-tab-active{color:grey;background-color:#0ff}.lo-tab-active li{color:#fff;background-color:rgba(13,112,112,.486)}.lo-nav h3{flex:1 1;margin-left:1rem;color:#cdcfcf;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;transition-duration:.4s}.codefreak{transition:all .4s}.lo-container{width:15px;height:15px;background:#222;margin-right:1rem;display:flex;align-items:center;justify-content:center}.react-logo{display:inline-block;border-radius:50%;border:1px solid #059475;-webkit-animation-name:rotate;animation-name:rotate}.react-logo,.react-logo:hover{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.react-logo:hover{-webkit-animation-name:rotate2;animation-name:rotate2}.react-logo,.react-logo:after,.react-logo:before{position:absolute;display:inline-block;width:14px;height:35px;border-radius:50%;border:2px solid #059475}.nucleo,.react-logo,.react-logo:after,.react-logo:before{display:flex;align-items:center;justify-content:center}.nucleo{width:4px;height:4px;border-radius:100%;background:#059475}.react-logo:after,.react-logo:before{content:""}.react-logo:after{transform:rotate(-57deg)}.react-logo:before{transform:rotate(57deg)}@-webkit-keyframes rotate{to{transform:rotate(1turn)}}@keyframes rotate{to{transform:rotate(1turn)}}.codefreak-box{display:flex;align-items:center}@-webkit-keyframes rotate2{to{transform:rotate(1turn)}}@keyframes rotate2{to{transform:rotate(1turn)}}.fo-wrapper{background-color:rgba(41,99,114,.08);width:100%;position:relative;padding:1rem;height:200px;flex-direction:column}.fo-wrapper,.social-buttons{display:flex;justify-content:center}.social-buttons{flex-wrap:wrap;margin-top:-10px}.social-buttons__button{margin:10px 5px 0}.social-button{outline:none;width:50px;height:50px;text-decoration:none}.social-button,.social-button__inner{position:relative;display:flex;justify-content:center;align-items:center}.social-button__inner{width:calc(100% - 2px);height:calc(100% - 2px);border-radius:100%;background:#fff;text-align:center}.social-button i,.social-button svg{position:relative;z-index:1;transition:.3s}.social-button i{font-size:28px}.social-button svg{height:40%;width:40%}.social-button:after{content:"";position:absolute;top:0;left:50%;display:block;width:0;height:0;border-radius:100%;transition:.3s}.social-button:focus,.social-button:hover{color:#fff}.social-button:focus:after,.social-button:hover:after{width:100%;height:100%;margin-left:-50%}.social-button--mail{color:#0072c6}.social-button--mail:after{background:#0072c6}.social-button--facebook{color:#3b5999}.social-button--facebook:after{background:#3b5999}.social-button--linkedin{color:#0077b5}.social-button--linkedin:after{background:#0077b5}.social-button--github{color:#6e5494}.social-button--github:after{background:#6e5494}.social-button--codepen{color:#212121}.social-button--codepen:after{background:#212121}.social-button--steam{color:#7da10e}.social-button--steam:after{background:#7da10e}.social-button--snapchat{color:#eec900}.social-button--snapchat:after{background:#eec900}.social-button--twitter{color:#55acee}.social-button--twitter:after{background:#55acee}.social-button--instagram{color:#e4405f}.social-button--instagram:after{background:#e4405f}.social-button--npmjs{color:#c12127}.social-button--npmjs:after{background:#c12127}.ln-wrapper,.pb-wrapper{min-height:100vh}.pb-wrapper{flex:1 1;display:flex}.pb-box{display:inline-flex;flex:4 1;flex-wrap:wrap;align-content:flex-start;justify-content:center}.pb-each{width:17rem;background-color:#fff;margin:1rem;border:1px solid #d3d3d3;padding:1rem;cursor:pointer;transition-duration:.3s;border-radius:.4rem}.pb-each,.pb-each:hover{box-shadow:0 2px 2px 0 rgba(5,5,5,.75)}.pb-each:hover{transform:scale(1.01)}.pb-each:active{transform:scale(.98)}.pb-rightmenu{flex:1 1;background-color:#f3f2ef;padding:1rem}.pb-each-info{display:flex;justify-content:space-between}.pb-each-header{padding:0;flex:1 1}.pb-easy{color:green}.pb-medium{color:#c46f00}.pb-hard{color:red}.pb-each-header p{font-size:small;font-style:italic}.pb-rightmenu li{list-style-type:none}.pb-rightmenu ul{margin:1rem}.pb-rightmenu li input{cursor:pointer;margin-bottom:1rem}.lds-wrapper{flex:1 1;height:100%;width:100%;display:flex;justify-content:center;align-items:center;position:absolute}.lds-dual-ring{display:inline-block;width:80px;height:80px;margin-top:-10rem}.lds-dual-ring:after{content:" ";width:64px;height:64px;margin:8px;border-color:#2f4f4f transparent}.lb-board-wrapper{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;box-shadow:0 2px 5px 1px #050505;background-color:#fff;margin:1rem 10rem 0;padding:1rem}.lb-board-each{margin:1rem;border-bottom:1px solid grey;padding:1rem;display:flex;align-items:center;cursor:pointer;transition:all .4s}.lb-board-each:hover{color:green}.lb-profilepic{width:2rem;height:2rem;border-radius:50%;margin-right:2rem}.lb-name{flex:1 1}.lb-points{float:right}.sol-wrapper{min-height:100vh;width:100%;display:flex}.sol-left{background-color:#fff;flex:1 1;overflow-y:auto;height:100vh;transition:all .4s;transition-timing-function:ease-in-out;padding:.5rem}.sol-left::-webkit-scrollbar{display:none}.sol-right{background-color:#002b36;flex:1 1}#sol-left-chevoron{transition:all 1s}.sol-submission-wrapper{position:relative;background-color:#002b36;border-top:1px solid #04596e;display:flex;justify-content:flex-end}.sol-submission-wrapper div:first-child,.sol-submission-wrapper div:nth-child(2),.sol-submission-wrapper div:nth-child(3),.sol-submission-wrapper div:nth-child(4){margin:1rem;border:1px solid #008b8b;padding:.5rem 1rem;cursor:pointer;transition-duration:.4s;border-radius:.2rem}.sol-submission-wrapper div:hover{box-shadow:0 2px 10px 0 rgba(5,5,5,.75);color:#5f9ea0}.sol-submission-wrapper i{color:#008b8b}.sol-dropbtn{background-color:#002b36;color:#5f9ea0;font-size:small;border:none;cursor:pointer;min-width:70px}.sol-dropbtn:focus,.sol-dropbtn:hover{color:#fff}.sol-dropdown{position:relative;display:inline-block;padding:.2rem;margin-left:3rem;min-width:70px}.sol-dropdown-content{display:none;position:absolute;background-color:#f1f1f1;min-width:100px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:9999}.sol-dropdown-content span{color:#000;padding:.5rem;text-decoration:none;display:block}.sol-dropdown-content span:hover{background-color:#ddd}.show{display:block}.sol-testcase-wrapper{display:flex;flex-wrap:wrap}@-webkit-keyframes pop{0%{transform:scale(.5)}50%{transform:scale(.7)}to{transform:scale(1)}}@keyframes pop{0%{transform:scale(.5)}50%{transform:scale(.7)}to{transform:scale(1)}}.sol-each-testcase{-webkit-animation:pop;animation:pop;font-size:large;margin:1rem;color:#ddd;transition:all .5s}.sol-Passed{color:green}.sol-Failed{color:brown;font-size:large}.auth-wrapper{min-width:100vw;min-height:100vh;display:flex;justify-content:space-evenly;position:relative;z-index:999}.auth-title{color:#fff;font-size:4rem;font-family:"Courier";margin:10rem 1rem 1rem}.auth-left{flex:1 1;padding-left:4rem}.auth-right{padding-top:4rem;padding-right:2rem;flex:1 1;display:flex;flex-direction:column;justify-content:flex-start}.auth-glogin{margin:1rem;border:1px solid #008b8b;padding:.5rem 1rem;cursor:pointer;transition-duration:.2s;border-radius:.2rem;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;color:#96c2ce;font-weight:700}.auth-glogin:hover{box-shadow:0 2px 10px 0 rgba(5,5,5,.75);color:#eff1f1}.auth-glogin:active{transform:scale(.98)}.auth-glogin-wrapper{position:relative;top:20vh}.typewriter h1{overflow:hidden;border-right:.15rem solid orange;white-space:nowrap;margin:0 auto;letter-spacing:.15rem;-webkit-animation:typing 3.5s steps(30),blink-caret .75s step-end infinite;animation:typing 3.5s steps(30),blink-caret .75s step-end infinite}@-webkit-keyframes typing{0%{width:0}to{width:100%}}@keyframes typing{0%{width:0}to{width:100%}}@-webkit-keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:orange}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:orange}}.css-typing p{border-right:.15em solid orange;font-family:"Courier";font-size:14px;white-space:nowrap;overflow:hidden}.css-typing p:first-child{width:15.3em;-webkit-animation:type 2s steps(40);animation:type 2s steps(40);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.css-typing p:nth-child(2){width:16.5em;margin-left:1rem;opacity:0;-webkit-animation:type2 2s steps(40);animation:type2 2s steps(40);-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.css-typing p:nth-child(3){width:38.5em;margin-left:1rem;opacity:0;-webkit-animation:type3 6s steps(80),blink .2s step-end infinite alternate;animation:type2 6s steps(80);-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.css-typing p:nth-child(4){width:30em;margin-left:4rem;opacity:0;-webkit-animation:type3 6s steps(80),blink .2s step-end infinite alternate;animation:type2 6s steps(80);-webkit-animation-delay:10s;animation-delay:10s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.css-typing p:nth-child(5){width:9em;margin-left:1rem;opacity:0;-webkit-animation:type3 2s steps(80),blink .2s step-end infinite alternate;animation:type3 2s steps(80),blink .2s step-end infinite alternate;-webkit-animation-delay:16s;animation-delay:16s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@keyframes type{0%{width:0}99.9%{border-right:.15em solid orange}to{border:none}}@-webkit-keyframes type{0%{width:0}99.9%{border-right:.15em solid orange}to{border:none}}@keyframes type2{0%{width:0}1%{opacity:1}99.9%{border-right:.15em solid orange}to{opacity:1;border:none}}@-webkit-keyframes type2{0%{width:0}1%{opacity:1}99.9%{border-right:.15em solid orange}to{opacity:1;border:none}}@keyframes type3{0%{width:0}1%{opacity:1}to{opacity:1}}@-webkit-keyframes type3{0%{width:0}1%{opacity:1}to{opacity:1}}@keyframes blink{50%{border-color:transparent}}@-webkit-keyframes blink{50%{border-color:tranparent}}.css-typing{flex:1 1}.auth-pc-wrapper{display:flex;flex-direction:column;border:1rem solid #020d1d;border-radius:.5rem;position:relative;width:560px;min-height:250px;background-color:#000;padding:1rem;margin-right:12rem;color:#d0d7da;transform:perspective(400px) rotateY(-20deg) rotateX(-1deg);transition-duration:1s;cursor:-webkit-grab;cursor:grab}.auth-pc-wrapper .sol-submission-wrapper{background-color:#000;transform:scale(.8);padding:0}.auth-testcase{display:flex;flex-direction:row;border:1rem solid #020d1d;border-radius:.5rem;position:relative;width:560px;height:150px;background-color:#000;padding:1rem;color:#d0d7da;flex-wrap:wrap;margin-top:1rem;align-content:flex-start;bottom:20%}.auth-testcase div:first-child{font-size:larger;-webkit-animation:gone;animation:gone 1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:0s;animation-delay:0s}.auth-testcase span{color:green;margin:2rem;font-size:medium;font-family:"Courier"}.auth-pc-wrapper:hover{box-shadow:0 2px 10px 0 rgba(5,5,5,.75)}@-webkit-keyframes gone{to{display:none;content:attr(display,none)}}@keyframes gone{to{display:none;content:attr(display,none)}}.lds-dual-ring{display:none;width:5px;height:5px}.lds-dual-ring:after{content:"";display:block;width:4px;height:4px;border-radius:50%;border-color:#fff transparent;border-style:solid;border-width:6px;-webkit-animation:lds-dual-ring 1.2s linear infinite;animation:lds-dual-ring 1.2s linear infinite}@-webkit-keyframes lds-dual-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auth-testcase-2{display:flex;flex-direction:row;border-radius:.5rem;position:relative;padding:1rem;color:#d0d7da;flex-wrap:wrap;margin-top:1rem;align-content:flex-start}.auth-testcase-2 div:first-child{font-size:larger;-webkit-animation:gone;animation:gone 1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:0s;animation-delay:0s}.auth-testcase-2 span{color:green;margin:2rem;font-size:medium;font-family:"Courier"}.pf-wrapper{min-width:100vw;min-height:100vh;background-color:#fff;display:flex;flex-direction:column}.pf-logout{padding:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer;transition-duration:.4s;align-self:flex-end;margin-right:5rem}.pf-logout:hover{box-shadow:0 2px 10px 0 rgba(5,5,5,.75)}.pf-logout:active{transform:scale(.98)}.pf-profilebox{display:flex;margin-top:5rem;margin-left:10rem;margin-right:10rem}.pf-pic{width:6rem;height:6rem;border-radius:50%;border:1px solid #b3b1b1}.pf-img-name{align-self:center;display:flex;padding-bottom:1rem}.pf-img-name p{text-align:center;font-weight:500;align-self:center;margin-left:1rem;font-size:larger}.pf-history-box{padding:5rem;flex-wrap:wrap}.pf-history-each{display:flex;justify-content:space-around;align-items:center;margin-bottom:2rem;padding:1rem;cursor:pointer;border-bottom:1px solid grey}.pf-history-each:hover{color:green}.pf-history-time{font-style:italic;color:#145757;font-size:small}.pf-title{font-style:italic;align-self:center;flex:1 1}.pf-history-header{display:flex}.pf-history-header h1{align-self:center;color:#e48508}.crpr-wrapper{width:100%;min-height:100vh}.crpr-left-right-wrapper{display:flex;flex-direction:row}.crpr-left,.crpr-right{height:100vh;background:#fff;flex:1 1;padding:1rem}.crpr-right{border-left:2px solid grey;overflow:scroll}.crpr-left::-webkit-scrollbar,.crpr-right::-webkit-scrollbar{display:none}.crpr-left-head,.crpr-left-right{margin-bottom:1rem}.crpr-toolbar{display:flex;justify-content:flex-end;align-items:center;width:100vw;padding-bottom:1rem;padding-top:1rem}.crpr-toolbar i{font-size:large;transition:all .2s;cursor:pointer}.crpr-toolbar i:hover{transform:scale(1.2)}.fa-arrows-alt{transform:rotate(45deg)}.boxsizingBorder{box-sizing:border-box;width:100%;height:100%;border:transparent;font-size:large}.boxsizingBorder:focus{outline:none}.boxsizingBorder::-webkit-scrollbar{display:none}.crpr-btns-next{align-self:flex-end}.crpr-details-wrapper{background-color:#fff;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding-top:2rem}.crpr-details-wrapper-input-box{background-color:#f5f5f5;padding:1rem;width:40%;display:flex;flex-direction:column;justify-content:center;box-shadow:0 2px 10px 0 rgba(5,5,5,.75)}.crpr-details-wrapper-input-box input{outline:none;font-size:large;padding:.5rem;width:100%;align-self:center;border:1px solid #e2e2e2;transition:all .4s;margin-bottom:1rem}.crpr-details-wrapper-input-box input:focus{outline:none;font-size:large;padding:.5rem;width:100%;align-self:center;box-shadow:0 1px 1px 1px rgba(97,97,97,.75)}.dropbtn{background-color:#d8d8d8;color:#5c5c5c;padding:.4rem;font-size:medium;border:none}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:#f1f1f1;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.dropdown-content span{color:#000;padding:12px 16px;text-decoration:none;display:block}.dropdown-content span:hover{background-color:#ddd;cursor:pointer}.dropdown:hover .dropdown-content{display:block}.dropdown:hover .dropbtn{background-color:#d9ebeb}.crpr-details-wrapper-input-box-dropdownsbox{display:flex;justify-content:flex-end;margin:1rem;width:100%}.crpr-details-wrapper-input-box-dropdownsbox .dropdown{margin-right:1rem}.crpr-details-next{border:1px solid #afafaf;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding:.5rem;align-self:flex-end;margin-top:5rem;cursor:pointer;transition:all .4s;color:#178ab8}.crpr-details-next:hover{transform:scale(1.05);box-shadow:0 0 5px 0 rgba(50,50,50,.75)}.crpr-details-next:active{transform:scale(.98);box-shadow:0 0 5px 0 rgba(50,50,50,.75)}.disabled{cursor:not-allowed;color:grey}.crpr-easy{color:green}.crpr-medium{color:#c46f00}.crpr-hard{color:red}.crpr-fileupload-box{display:flex;width:100%;justify-content:flex-start}.crpr-fileupload-box-each{min-width:10rem;min-height:10rem;background-color:#f5f5f5;display:flex;flex-direction:column;align-items:center;padding:1rem;justify-content:space-between;margin:0 1rem;transition:all .4s}.crpr-fileupload-box-each:hover{border-radius:1rem;cursor:pointer;box-shadow:0 2px 4px 0 rgba(6,54,73,.75)}.crpr-fileupload-box-each-upload{transition:all .4s;color:#fff;outline:none}.crpr-fileupload-box-each-upload,.crpr-fileupload-box-each-upload:hover{background-color:#2b7c91;padding:.4rem 1rem;border-radius:1rem;cursor:pointer}.crpr-fileupload-box-each-upload:hover{box-shadow:0 2px 10px 0 rgba(52,219,224,.75)}.crpr-fileupload-box-each-upload:active{transform:scale(.98)}.crpr-filename{background-color:#d9ebeb;padding:.4rem 1rem;border-radius:1rem;cursor:pointer;transition:all .4s}.ds-wrapper{width:100%;min-height:100vh;background-color:#fff}
/*# sourceMappingURL=main.59bbdac0.chunk.css.map */