.page_crtPage__QXDKI{background-color:#000;color:#000}.page_main__nw1Wk{display:flex;flex-direction:column;background-color:#fff;border-radius:.75rem;min-height:100vh;height:100%;width:100vw;padding:3rem 1rem 1rem}.page_windows__pHFMV{height:100%;width:100%;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-evenly;flex-wrap:wrap}@media (hover:hover) and (pointer:fine){a.page_primary__2CBMe:hover{background:var(--button-primary-hover);border-color:transparent}a.page_secondary__jzhTV:hover{background:var(--button-secondary-hover);border-color:transparent}.page_footer__F3MD0 a:hover{text-decoration:underline;text-underline-offset:4px}}@media (min-width:720px){.page_main__nw1Wk{display:grid;grid-template-columns:auto auto auto;grid-template-rows:auto}}.main-header_component_fixedHeader__0FOxK{position:fixed;top:0;left:0;width:100vw;overflow:hidden;display:flex;flex-direction:row;height:2rem;border-bottom:1px solid #000;align-items:center;justify-content:flex-start;background-color:#fff;z-index:999}.main-header_component_fixedHeader__0FOxK a{height:100%;display:flex;align-items:center;justify-content:center;padding-left:.5rem;padding-right:.5rem}.main-header_component_fixedHeader__0FOxK a:hover{cursor:pointer;background-color:#000;color:#fff}.stylish-window_component_stylishWindow__cVr9N{display:flex;flex-direction:column;height:auto;border-bottom:1px solid #000;border-right:1px solid #000;border-color:#000;border-style:solid;border-width:1px 2px 2px 1px;min-width:300px;min-height:100px;background-color:#fff;margin:12px}.stylish-window_component_stylishWindow__cVr9N header{height:1.25rem;border-bottom:1px solid #000;width:100%;text-align:center;display:flex;flex-direction:row;align-items:center;justify-content:center}.stylish-window_component_stylishWindow__cVr9N header h3{font-size:1rem;background-color:#fff;height:100%;width:-moz-fit-content;width:fit-content;font-weight:400;padding-left:.5rem;padding-right:.5rem}.stylish-window_component_detailsSection__h0ssx{width:100%;height:1.5rem;font-size:.75rem;font-weight:700;background-color:#fff;border-bottom:3px double #000;display:flex;flex-direction:row;align-items:center;padding-left:.5rem;padding-right:.5rem;justify-content:space-evenly}.stylish-window_component_detailsSection__h0ssx span{width:80px;display:flex;align-items:center}.stylish-window_component_detailsSection__h0ssx span:first-child{justify-content:flex-start}.stylish-window_component_detailsSection__h0ssx span:nth-child(2){justify-content:center}.stylish-window_component_detailsSection__h0ssx span:nth-child(3){justify-content:flex-end}.stylish-window_component_contents__cH7dA{display:flex;flex-direction:row}@media(max-width:719px){.stylish-window_component_stylishWindow__cVr9N{width:100%}}.piano-octave_component_pianoStack__A_QBs{position:relative;margin-left:-1px;width:168px;height:80px}.piano-octave_component_whiteOctave__C6OMc{position:absolute;z-index:100;top:0;left:0;display:grid;grid-template-columns:repeat(7,24px);grid-template-rows:80px;grid-template-areas:"C D E F G A B"}.piano-octave_component_blackOctave__Dnpx9{position:absolute;z-index:200;top:0;left:0;display:grid;grid-template-columns:repeat(20,8px);grid-template-rows:55px 35px;pointer-events:none;grid-template-areas:". . Cs Cs . Ds Ds . . . . Fs Fs . Gs Gs . As As ." ". . .  .  . .  .  . . . . .  .  . .  .  . .  .  ."}.piano-octave_component_white__A4umU{background-color:#fff;pointer-events:all;border-left:1px solid #000;border-bottom:1px solid #000;background-blend-mode:lighten;cursor:pointer}.piano-octave_component_white__A4umU:hover{background-blend-mode:normal}.piano-octave_component_white__A4umU:last-child{border-right:1px solid #000}.piano-octave_component_black__58Dta{background-color:#fff;pointer-events:all;cursor:pointer}.piano-octave_component_black__58Dta:hover{background-color:#000}.piano-octave_component_whiteC__prIUa{grid-area:C}.piano-octave_component_blackCs__C2A14{grid-area:Cs}.piano-octave_component_whiteD__YgQNS{grid-area:D}.piano-octave_component_blackDs__2suf7{grid-area:Ds}.piano-octave_component_whiteE__LpDtn{grid-area:E}.piano-octave_component_whiteF__E_IDy{grid-area:F}.piano-octave_component_blackFs__ryRkZ{grid-area:Fs}.piano-octave_component_whiteG__he1yL{grid-area:G}.piano-octave_component_blackGs__AadE2{grid-area:Gs}.piano-octave_component_whiteA__Wsabb{grid-area:A}.piano-octave_component_blackAs__6krj0{grid-area:As}.piano-octave_component_whiteB__vTyOX{grid-area:B}.icons_folderIcon__TP69S{position:relative;width:40px;height:30px;cursor:pointer}.icons_fileIcon__fZCEC{position:relative;width:30px;height:50px;cursor:pointer}.icons_closeIcon__nfVgg{position:absolute;top:12px;right:12px;width:30px;height:30px;cursor:pointer}.languages-overview_component_languagesList__QuWJR li{width:120px;max-width:120px;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center}.window_window__4Nqlh{display:flex;flex-direction:row;flex-wrap:wrap;max-width:400px;justify-content:center}@media(max-width:719px){.window_window__4Nqlh{max-width:100%}}.frameworks-overview_component_databaseList__4sgHh li,.frameworks-overview_component_frameworkList__OhTJo li{width:120px;max-width:120px;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center}.simple-modal_component_blurBackground__HCs_m{display:flex;width:100%;height:100%;background-color:hsla(0,0%,100%,.3);align-items:center;justify-content:center;opacity:0;pointer-events:none;display:none;position:fixed;z-index:9999}.simple-modal_component_simpleModal__tRL_r{position:relative;display:flex;flex-direction:column;width:40%;height:40%;min-width:320px;max-width:640px;min-height:200px;border:1px solid #000;background-color:#fff;box-shadow:3px 4px 0 #000;z-index:9999;padding:32px;height:-moz-fit-content;height:fit-content}.simple-modal_component_simpleModal__tRL_r h2,.simple-modal_component_simpleModal__tRL_r h3,.simple-modal_component_simpleModal__tRL_r p{margin:4px 0}.simple-modal_component_simpleModal__tRL_r.simple-modal_component_hugeModal__JAZQa{width:80%;height:80%;max-width:80%;min-height:80%}.simple-modal_component_visible__Wvmri.simple-modal_component_blurBackground__HCs_m{opacity:1;pointer-events:all;display:flex;animation:simple-modal_component_showBackdrop__yRAbf .3s ease-in-out 0s 1 forwards}.simple-modal_component_visible__Wvmri.simple-modal_component_blurBackground__HCs_m.simple-modal_component_animateOut__tR513{animation:simple-modal_component_adiosBackdrop__pZDTO .3s ease-in-out 0s 1 forwards}@keyframes simple-modal_component_showBackdrop__yRAbf{0%{-webkit-backdrop-filter:blur(0) invert(0);backdrop-filter:blur(0) invert(0);opacity:0}to{-webkit-backdrop-filter:blur(5px) invert(1);backdrop-filter:blur(5px) invert(1);opacity:1}}@keyframes simple-modal_component_adiosBackdrop__pZDTO{0%{-webkit-backdrop-filter:blur(5px) invert(1);backdrop-filter:blur(5px) invert(1);opacity:1}to{-webkit-backdrop-filter:blur(0) invert(0);backdrop-filter:blur(0) invert(0);opacity:0}}