@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700);@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap);.HeadButton_button_7ejz4{display:inline-block;width:14px;height:14px;margin-right:8px;border-radius:50%}.HeadButton_button_7ejz4:last-child{margin-right:0}.HeadButton_button--green_1Kmfj{background-color:var(--light-green)}.HeadButton_button--yellow_2dnqk{background-color:var(--light-yellow)}.HeadButton_button--red_V2tum{background-color:var(--light-red)}.Head_header_1Q9TS{display:flex;align-items:center;background-color:var(--dark-500);padding:0 15px;height:45px;width:100%}.Head_header__actions__5OMy{display:inline-flex;align-items:center;justify-content:center;height:100%}.Tab_tab_2QwlC{display:flex;position:relative;justify-content:center;align-items:center;height:35px;width:270px;font-size:11px;background:var(--dark-300);letter-spacing:1px;opacity:.5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}@media (min-width:600px){.Tab_tab_2QwlC{font-size:13px}}.Tab_tab--selected_14q4s{opacity:1}.Tab_tab_2QwlC:not(:last-child):after{content:"";position:absolute;height:40%;width:1px;background:var(--dark-500);right:0}.Tab_tab__close_hI9-A:hover{opacity:1}.Tab_tab__text_rPU4-{display:flex;align-items:center;justify-content:center;color:var(--light-500);width:100%;height:100%}.TabGroup_tabGroup_AOQ20{display:flex}code[class*=language-]{font-family:var(--font-menlo);line-height:1.375;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;color:var(--light-blue);padding:.1em;border-radius:.3em}code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection{text-shadow:none}code[class*=language-]::selection,code[class*=language-] ::selection{text-shadow:none}.token.cdata,.token.comment,.token.doctype,.token.prolog,.token.punctuation{color:var(--grey-blue-100)}.token.namespace{opacity:.7}.token.function,.token.keyword,.token.number,.token.operator,.token.property,.token.tag{color:var(--pastel-blue)}.token.atrule-id,.token.selector,.token.tag-id{color:var(--light-200)}.token.attr-name,code.language-javascript{color:var(--pastel-blue)}.language-css .token.string,.language-scss .token.string,.style .token.string,.token.atrule,.token.attr-value,.token.boolean,.token.control,.token.directive,.token.entity,.token.regex,.token.statement,.token.string,.token.unit,.token.url,code.language-css,code.language-scss{color:var(--pastel-orange)}.token.placeholder,.token.variable{color:var(--pastel-green)}.token.deleted{text-decoration:line-through}.token.inserted{border-bottom:1px dotted var(--pastel-blue);text-decoration:none}.token.italic{font-style:italic}.token.bold,.token.important{font-weight:700}.token.important{color:var(--pastel-blue)}.token.entity{cursor:help}.line-numbers .line-numbers-rows{border-right-color:var(--grey-blue-300)}.line-numbers-rows>span:before{color:var(--grey-blue-200)}.File_file_2E3ae{position:relative;flex:1 0;color:var(--light-100)}.File_file_2E3ae:before{content:"";display:block;position:-webkit-sticky;position:sticky;top:0;left:0;width:100%;height:20px;background-color:var(--dark-300)}.File_file__inner_d_BIO{overflow:auto;padding:20px;height:calc(100% - 100px)}.File_file__inner_d_BIO::-webkit-scrollbar{width:1em}.File_file__inner_d_BIO::-webkit-scrollbar-thumb{background-color:var(--dark-500)}.DirectionArrows_directionArrows_39-JB{display:inline-grid;grid-column-gap:0;align-self:end;position:absolute;right:10px;bottom:10px}.DirectionArrows_directionArrows__button_NShSe{display:inline-block;cursor:pointer;width:30px;height:30px;text-align:center;color:#fff;background:grey;border-right:4px solid #4d4d4d;border-bottom:4px solid #4d4d4d;border-left:4px solid #5a5a5a;border-top:4px solid #676767;margin:5px;outline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:.7}.DirectionArrows_directionArrows__button_NShSe:active{border-bottom:8px solid darken(grey,20);transform:translateY(1px);opacity:1}.DirectionArrows_directionArrows__button--up_3Ojmc{grid-column-start:2}.DirectionArrows_directionArrows__button--left_2upXW{grid-column-start:1}.DirectionArrows_directionArrows__button--down_1OrqU{grid-column-start:2}.DirectionArrows_directionArrows__button--right_1q58J{grid-column-start:3}.DirectionArrows_arrowIcon_15Z5h{width:0;height:0;display:block}.DirectionArrows_arrowIcon--up_2bj98{border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:8px solid #fff}.DirectionArrows_arrowIcon--down_1chYL{border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid #fff}.DirectionArrows_arrowIcon--right_w7UUp{border-top:5px solid transparent;border-left:8px solid #fff;border-bottom:5px solid transparent}.DirectionArrows_arrowIcon--left_1ZJw9{border-top:5px solid transparent;border-right:8px solid #fff;border-bottom:5px solid transparent}.SnakeGame_board_3H59O{display:grid;position:relative;width:100%;max-height:500px;max-width:500px;border:4px solid var(--brown-200);background-color:var(--brown-100)}.SnakeGame_board_3H59O:after{content:"";display:block;padding-bottom:100%}.SnakeGame_board__gameOver_1Ru7z{display:flex;align-items:center;justify-content:center;position:absolute;width:100%;height:100%;background-color:var(--brown-100)}.SnakeGame_board__headline_3PRGy{max-width:200px;text-align:center;font-family:var(--font-bebas-neue);letter-spacing:5px;line-height:1.7;font-size:30px}.SnakeGame_board__headline_3PRGy span{border:2px solid var(--light-100);padding:2px 9px;letter-spacing:2px;font-size:39px;cursor:pointer}.SnakeGame_snake_3kzDg{background-color:var(--light-yellow)}.SnakeGame_food_1iHTX{background-color:var(--light-100)}.AboutMe_aboutMe__socialButtons_3_b4u{display:grid;grid-gap:15px;grid-auto-flow:row}@media (min-width:1285px){.AboutMe_aboutMe__socialButtons_3_b4u{grid-auto-flow:column;justify-content:flex-start}}.AboutMe_aboutMe__block_3SWS4{margin-bottom:45px}.AboutMe_aboutMe__strike_2c_RD{text-decoration:line-through}.CodeEditor_editor_1gNyi{width:100%;max-width:1400px;margin:0 auto;border-radius:5px;background:var(--dark-300);border:2px solid var(--dark-500)}@media (min-width:950px){.CodeEditor_editor_1gNyi{overflow:hidden;height:100%}}.CodeEditor_editor__content_1_ZPn{display:flex;flex-direction:column;height:100%}@media (min-width:950px){.CodeEditor_editor__content_1_ZPn{flex-direction:row}}.App_app_3cl75{width:100vw;height:100vh;padding:20px}:root{--purple:#9b6ed0;--dark-purple:#1f1629;--light-green:#72bf47;--light-yellow:#e0c14c;--light-red:#ec655a;--light-blue:#4bc1ce;--dirt-green:#9ca205;--brown-100:#2d2204;--brown-200:#483602;--pastel-green:#47ebb4;--pastel-blue:#7eb6f6;--pastel-orange:#d6977d;--grey-blue-100:#4a5f78;--grey-blue-200:#2c3847;--grey-blue-300:#1f2932;--light-100:#fff;--light-200:#ebebeb;--light-300:#e1e1e1;--light-400:#d7d7d7;--light-500:#cdcdcd;--dark-100:#000;--dark-200:#121212;--dark-300:#1f1f1f;--dark-400:#2d2d2d;--dark-500:#363636;--primary-color:var(--purple);--font-open-sans:"Open Sans",sans-serif;--font-menlo:"Menlo","Monaco","Courier New",monospace;--font-bebas-neue:"Bebas Neue",cursive;--weight-light:300;--weight-normal:400;--weight-bold:700}body,html{height:100%;margin:0;box-sizing:border-box}body{font-family:var(--font-open-sans);font-weight:var(--weight-normal);color:var(--light-300);background-color:var(--dark-purple);margin:0;padding:0;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:after,:before{box-sizing:inherit}a{color:var(--light-300);text-decoration:none}.BaseButton_button_1QOeP{display:flex;align-items:center;justify-content:center;padding:12px 25px;min-width:150px;width:100%;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:1px;background:transparent;color:var(--light-300);border:2px solid var(--light-300);cursor:pointer;outline:0;transition:background-color .1s,color ease-in}.BaseButton_button_1QOeP svg{margin-right:15px}.BaseButton_button_1QOeP:hover{background-color:var(--light-300);color:var(--dark-300)}.BaseHeadline_headline_1gJwM{text-transform:uppercase;letter-spacing:4px}.BaseHeadline_headline_1gJwM:after{content:"";display:block;width:5%;height:3px;margin-top:4px;background-color:var(--light-300)}.BaseLink_link_1H12g{text-decoration:none;color:var(--light-300);font-weight:var(--weight-bold)}