@import url(https://fonts.googleapis.com/css2?family=Lato&display=swap);
html,body,#root,.page{height:100%}html,body{overscroll-behavior-x:none}html{font-size:10px}body{position:relative;margin:0;overflow:hidden;font-family:var(--font-body);color:#fff;background:#000}:focus{outline:none}:root{--font-title: Lato,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,sans-serif;--font-body: Lato,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,sans-serif}body{background:#29292b}.page{display:flex;flex-direction:column;text-align:center}.page-header{padding:0rem 2rem}.page-header h1{font-size:3rem}.page-header p{font-size:1.5rem;line-height:2rem}.page-content{flex:1;overflow:auto;align-items:center;justify-content:center;display:flex}.page-content .apps{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:0 2rem}.page-content .apps .app-item{justify-content:center;display:flex;align-items:center;background:#121212;min-height:20rem;margin:0 2rem 2rem;border-radius:0.5rem;transition:0.25s ease-out}.page-content .apps .app-item img{width:500px;max-width:80%}.page-content .apps .app-item:hover{transform:scale(1.05)}.page-footer{padding:1rem 2rem;background:#121212;color:#aaa;font-size:1.5rem;line-height:2rem}