body,html{background:#eee}body.not-home{overflow:hidden}#root,.App{position:absolute;width:100%;height:100%;left:0;top:0}.App-LinkToAbout{position:fixed;padding:25px;color:#000;font-family:Arial Black;text-decoration:none}.App-LinkToAbout svg{width:20px;height:20px;fill:#666}.fadeIn-enter{opacity:0;transition:opacity .5s ease-out}.fadeIn-enter.fadeIn-enter-active{opacity:1}.fadeIn-leave{opacity:1;transition:opacity .25s ease-in}.fadeIn-leave.fadeIn-leave-active{opacity:0}.slideIn-appear,.slideIn-enter{transform:translate(100%);transition:transform .25s ease-out}.slideIn-appear.slideIn-appear-active,.slideIn-enter.slideIn-enter-active,.slideIn-leave{transform:translate(0)}.slideIn-leave{transition:transform .25s ease-in}.slideIn-leave.slideIn-leave-active,.slideInDelay-appear{transform:translate(100%)}.slideInDelay-appear{transition:transform .4s ease-out .1s}.slideInDelay-appear.slideInDelay-appear-active,.slideInDelay-leave{transform:translate(0)}.slideInDelay-leave{transition:transform .25s ease-in}.slideInDelay-leave.slideInDelay-leave-active{transform:translate(100%)}.About-Background,.About-Page{position:fixed;width:100%;height:100%;left:0;top:0;background:#000}.About-Background a,.About-Page a{text-decoration:none}.About-Background{width:50%;z-index:0}.About-CloseButton{position:absolute;padding:20px;cursor:pointer;z-index:9999}.About-CloseButton svg{width:20px;height:20px;fill:#fff}.About-Link{color:#969696;font-family:Verdana,Arial;letter-spacing:1.5px;font-size:12px;transition:color .5s ease-out}.About-Link:hover{color:#000}.About-Desc{color:#000;font-family:Verdana,Arial;font-size:12px;line-height:24px;margin-bottom:24px;letter-spacing:1px}.About-Desc.with-link{margin-bottom:0}.About-RightPanel{position:absolute;width:50%;height:100%;margin-left:50%;background:#fff;padding:20px;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end}.isOpened .About-RightPanel{margin-left:50%}.Experiment-List{max-width:1215px;margin:0 auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:50px}.not-home .Experiment-List{display:none}@media (max-width:1215px){.Experiment-List{max-width:900px}}@media (max-width:915px){.Experiment-List{max-width:600px}}@media (max-width:615px){.Experiment-List{max-width:300px}}.Experiment-Item{width:280px;height:280px;box-sizing:border-box;margin:10px;transition:transform .25s ease-out,filter .25s ease-out;filter:grayscale(60%)}.Experiment-Item:hover{transform:scale(.95);filter:grayscale(0)}.Experiment-Content{position:fixed;z-index:999;width:100%;height:100%;border:0;overflow:hidden;top:0;left:0}.Experiment-CloseButton{position:fixed;padding:20px;cursor:pointer;z-index:9999;top:0;opacity:.5;transition:opacity .25s ease-out}.Experiment-CloseButton:hover{opacity:1}.Experiment-CloseButton svg{width:20px;height:20px;fill:#aaa}