body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}html{scroll-behavior:smooth;scrollbar-width:thin}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Outfit-Bold;src:url(/static/media/Outfit-Bold.b2e2fcd8bc0c090b302c.ttf)}@font-face{font-family:Outfit-Regular;src:url(/static/media/Outfit-Regular.e853df41b41bc9489a8b.ttf)}@font-face{font-family:Outfit-ExtraBold;src:url(/static/media/Outfit-ExtraBold.af2c70c8a67f488723d3.ttf)}@font-face{font-family:Outfit-Medium;src:url(/static/media/Outfit-Medium.1d6f1a86e227bec4497d.ttf)}@font-face{font-family:Outfit-Light;src:url(/static/media/Outfit-Light.27737e30f9f52f95ba31.ttf)}.MuiDataGrid-columnHeaderTitle{font-family:Outfit-ExtraBold!important;font-size:medium!important}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.macbook{height:96px;left:50%;margin:-85px 0 0 -78px;perspective:500px;top:50%;width:150px}.macbook,.shadow{position:absolute}.shadow{animation:shadow 7s ease infinite;box-shadow:0 0 60px 40px #0000004d;height:0;left:40px;top:160px;transform:rotateX(80deg) rotateY(0deg) rotate(0deg);width:60px}.inner{animation:rotate 7s ease infinite;top:0;transform:rotateX(-20deg) rotateY(0deg) rotate(0deg);transform-style:preserve-3d;z-index:20}.inner,.screen{height:96px;left:0;position:absolute;width:150px}.screen{animation:lid-screen 7s ease infinite;background:#ddd;background-image:linear-gradient(45deg,#00000057,#0000);background-position:0 100%;background-size:300px 300px;border-radius:7px;bottom:0;box-shadow:inset 0 3px 7px #ffffff80;transform:rotateX(0deg) rotateY(0deg) rotate(0deg);transform-origin:50% 93px;transform-style:preserve-3d}.screen .logo{height:24px;left:50%;margin:-12px 0 0 -10px;position:absolute;top:50%;transform:rotateY(180deg) translateZ(.1px);width:20px}.screen .face-one{background:#d3d3d3;background-image:linear-gradient(45deg,#0000003d,#0000);border-radius:7px;bottom:0;height:96px;left:0;position:absolute;transform:translateZ(2px);width:150px}.screen .face-one .camera{background:#000;border-radius:100%;height:3px;left:50%;margin-left:-1.5px;position:absolute;top:4px;width:3px}.screen .face-one .display{background-color:#000;background-size:100% 100%;border-radius:1px;box-shadow:inset 0 0 2px #000;height:74px;margin:10px;position:relative;width:130px}.screen .face-one .display .shade{animation:screen-shade 7s ease infinite;background:linear-gradient(-135deg,#fff0,#ffffff1a 47%,#fff0 48%);background-position:0 0;background-size:300px 200px;height:74px;left:0;position:absolute;top:0;width:130px}.screen .face-one span{color:#666;font-size:6px;left:57px;position:absolute;top:85px}.macbody{animation:lid-macbody 7s ease infinite;background:#cbcbcb;background-image:linear-gradient(45deg,#0000003d,#0000);transform:rotateX(-90deg);transform-origin:50% bottom;transform-style:preserve-3d}.macbody,.macbody .face-one{border-radius:7px;bottom:0;height:96px;left:0;position:absolute;width:150px}.macbody .face-one{animation:lid-keyboard-area 7s ease infinite;background:#dfdfdf;background-image:linear-gradient(30deg,#0000003d,#0000);transform:translateZ(-2px);transform-style:preserve-3d}.macbody .touchpad{box-shadow:inset 0 0 3px #888;height:31px;left:50%;margin:-44px 0 0 -18px;top:50%;width:40px}.macbody .keyboard,.macbody .touchpad{background:#cdcdcd;background-image:linear-gradient(30deg,#0000003d,#0000);border-radius:4px;position:absolute}.macbody .keyboard{box-shadow:inset 0 0 3px #777;height:45px;left:7px;padding:0 0 0 2px;top:41px;transform-style:preserve-3d;width:130px}.keyboard .key{animation:keys 7s ease infinite;background:#444;border-radius:2px;box-shadow:0 -2px 0 #222;float:left;height:6px;margin:1px;transform:translateZ(-2px);width:6px}.key.space{width:45px}.key.f{height:3px}.macbody .pad{background:#333;border-radius:100%;height:5px;position:absolute;width:5px}.pad.one{left:20px;top:20px}.pad.two{right:20px;top:20px}.pad.three{bottom:20px;right:20px}.pad.four{bottom:20px;left:20px}@keyframes rotate{0%{transform:rotateX(-20deg) rotateY(0deg) rotate(0deg)}5%{transform:rotateX(-20deg) rotateY(-20deg) rotate(0deg)}20%{transform:rotateX(30deg) rotateY(200deg) rotate(0deg)}25%{transform:rotateX(-60deg) rotateY(150deg) rotate(0deg)}60%{transform:rotateX(-20deg) rotateY(130deg) rotate(0deg)}65%{transform:rotateX(-20deg) rotateY(120deg) rotate(0deg)}80%{transform:rotateX(-20deg) rotateY(375deg) rotate(0deg)}85%{transform:rotateX(-20deg) rotateY(357deg) rotate(0deg)}87%{transform:rotateX(-20deg) rotateY(1turn) rotate(0deg)}to{transform:rotateX(-20deg) rotateY(1turn) rotate(0deg)}}@keyframes lid-screen{0%{background-position:0 100%;transform:rotateX(0deg)}5%{background-position:0 100%;transform:rotateX(50deg)}20%{background-position:-150px top;transform:rotateX(-90deg)}25%{background-position:0 100%;transform:rotateX(15deg)}30%{background-position:100% 0;transform:rotateX(-5deg)}38%{background-position:100% 0;transform:rotateX(5deg)}48%{background-position:100% 0;transform:rotateX(0deg)}90%{background-position:100% 0;transform:rotateX(0deg)}to{background-position:100%;transform:rotateX(0deg)}}@keyframes lid-macbody{0%{transform:rotateX(-90deg)}50%{transform:rotateX(-90deg)}to{transform:rotateX(-90deg)}}@keyframes lid-keyboard-area{0%{background-color:#dfdfdf}50%{background-color:#bbb}to{background-color:#dfdfdf}}@keyframes screen-shade{0%{background-position:-20px 0}5%{background-position:-40px 0}20%{background-position:200px 0}50%{background-position:-200px 0}80%{background-position:0 0}85%{background-position:-30px 0}90%{background-position:-20px 0}to{background-position:-20px 0}}@keyframes keys{0%{box-shadow:0 -2px 0 #222}5%{box-shadow:1 -1px 0 #222}20%{box-shadow:-1px 1px 0 #222}25%{box-shadow:-1px 1px 0 #222}60%{box-shadow:-1px 1px 0 #222}80%{box-shadow:0 -2px 0 #222}85%{box-shadow:0 -2px 0 #222}87%{box-shadow:0 -2px 0 #222}to{box-shadow:0 -2px 0 #222}}@keyframes shadow{0%{box-shadow:0 0 60px 40px #0000004d;transform:rotateX(80deg) rotateY(0deg) rotate(0deg)}5%{box-shadow:0 0 60px 40px #0000004d;transform:rotateX(80deg) rotateY(10deg) rotate(0deg)}20%{box-shadow:0 0 50px 30px #0000004d;transform:rotateX(30deg) rotateY(-20deg) rotate(-20deg)}25%{box-shadow:0 0 35px 15px #0000001a;transform:rotateX(80deg) rotateY(-20deg) rotate(50deg)}60%{box-shadow:0 0 60px 40px #0000004d;transform:rotateX(80deg) rotateY(0deg) rotate(-50deg) translateX(30px)}to{box-shadow:0 0 60px 40px #0000004d}}.animated-text{animation:1s linear none}@keyframes zoomInOut{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}
/*# sourceMappingURL=main.4ccb3604.css.map*/