body{margin:0;font-family:"Lato";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.device{display:inline-block;position:relative;box-sizing:content-box!important}.device.tablet{width:95%;padding:60px 15px;background-color:#eef4f5;border-radius:44px}.device .screen{height:85vh;border-color:#eef4f5;border-width:thin;border-radius:0;box-shadow:0 0 0 2px #eef4f5}.device .landscape_screen,.device .screen{width:100%;position:relative;z-index:20;background:#fff;overflow:hidden;display:block}.device .landscape_screen{height:65vh;border-color:#e0e0e0;border-radius:1px;box-shadow:0 0 0 2px #e0e0e0}.device .tv-screen{width:100%;position:relative;z-index:3;overflow:hidden;display:block;border-radius:1px;box-shadow:0 0 0 2px #595959}.device.tablet:before{width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;content:"";display:block;top:4px;left:4px;border-radius:40px;background:#fff}.device.tablet .power{top:.5em;left:40%}.device.tablet .home,.device.tablet .power{background:#fff;position:absolute;color:#111;font-size:20px}.device.tablet .home{left:42%;bottom:.5em;border:0 #fcfcfc}.device.tablet.landscape{height:90%;width:90%;padding:15px 65px}.device.tablet.landscape .power{left:calc(100% - 60px);top:50%;margin-left:5px;margin-top:-25px}.device.tablet.landscape .home{top:50%;left:22px;margin-left:-5px;margin-top:-25px}.device.tablet.grey{backgroundcolor:"rgb(224, 224, 224)"}.device.tablet.grey:before{background:#fcfcfc}.device.tablet.grey .home{background:#fcfcfc;box-shadow:inset 0 0 0 1px #bcbcbc}.device.tablet.grey .home:after{border:1px solid rgba(0,0,0,.2)}.device.tv{padding:1em;width:92%;height:92%;box-shadow:0 0 0 2px #595959;border-radius:1px;background-color:#fcfcfc}.device.tv .logo{position:relative;height:6px;margin-left:40%;background:#fff;color:#595959;font-size:12px;padding-top:2px;font-weight:700}.device.phone{width:100%;height:96%;background:#595959;border-radius:34px;padding:40px 8px}.device .phone-screen{width:100%;position:relative;height:100%;z-index:3;background:#fff;overflow:hidden;display:block;border-radius:1px;box-shadow:0 0 0 2px #595959;border:1px #595959}.device.phone .overflow{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:34px;overflow:hidden}.device.phone .speaker{height:22px;width:100%;left:20%;position:absolute;top:8px;z-index:1;border-radius:8px}.device.phone .camera{height:18px;width:18px;left:86px;top:18px}.device.phone .camera,.device.phone .camera:before{position:absolute;background:#212b36;z-index:1;border-radius:100%}.device.phone .camera:before{content:"";height:8px;width:8px;left:-22px;top:5px}.device.phone .inner{width:100%;height:calc(100% - 8px);position:absolute;top:2px;content:"";left:0;border-radius:34px;border-color:#595959;border-style:solid;border-width:2px 1px;background:#fff;z-index:1;box-shadow:inset 0 0 6px 0 hsla(0,0%,100%,.5)}.device.phone .shadow{box-shadow:inset 0 0 60px 0 #fff,inset 0 0 30px 0 hsla(0,0%,100%,.5),0 0 20px 0 #fff,0 0 20px 0 hsla(0,0%,100%,.5);height:101%;position:absolute;top:-.5%;content:"";width:calc(100% - 20px);left:10px;border-radius:38px;z-index:5;pointer-events:none}.device.phone .screen{border-radius:14px;box-shadow:none}.device.phone.landscape{height:400px;width:822px;padding:10px 45px}.device.phone.landscape .speaker{height:56px;width:8px;top:50%;margin-top:-28px;margin-left:0;right:25px;left:auto}.device.phone.landscape .camera{top:86px;right:18px;left:auto}.device.phone.landscape .camera:before{top:-22px;left:5px}.device.phone.landscape .inner{height:100%;width:calc(100% - 8px);left:2px;top:0;border-top:0;border-bottom:0;border-left:2px solid #9fa0a2;border-right:2px solid #9fa0a2}.device.phone.landscape .shadow{width:101%;height:calc(100% - 20px);left:-.5%;top:10px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.92ac7376.chunk.css.map */