body{margin:0;height:100vh;font-family:"Tamago";background-color:#000;color:#fff;display:grid;place-items:center}a{color:inherit;text-decoration:none}a:focus-visible{outline:none}img{display:block;width:100%;height:100%;object-fit:cover}hr{width:100%}.page{width:272px;height:272px;display:grid;gap:8px}.page p{margin-block-start:0;margin-block-end:0}.page-frame{display:grid;gap:8px}.page-frame-header{height:24px;display:flex;align-items:center;gap:8px;width:224px;margin:auto}.page-frame-header span:first-child{font-size:24px;line-height:24px;transition:.3s ease-in-out;cursor:pointer}.page-frame-header span:first-child:hover{opacity:.5}.page-frame-content{display:grid;gap:8px;height:210px}.page-frame-content-slide{display:flex;height:126px}.page-frame-content-slide-image{width:224px;height:100%;margin:auto;background-color:#f5f5f5}.page-frame-content-slide-image img{image-rendering:pixelated}.page-frame-content-slide-left-arrow,.page-frame-content-slide-right-arrow{height:100%;font-size:24px;width:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s ease-in-out}@media(min-width: 1024px){.page-frame-content-slide-left-arrow:hover,.page-frame-content-slide-right-arrow:hover{opacity:.5}}.page-frame-content-text{height:76px;width:224px;margin:auto}.page-number{height:14px;display:flex;align-items:center;font-size:12px;width:224px;margin:auto}.hub .page-frame-header{width:100%;display:flex;height:24px;justify-content:space-between;position:sticky;top:0}.hub .page-frame-header-menu nav ul{margin:0;padding:0;display:flex;gap:16px;align-items:center}.hub .page-frame-header-menu nav ul li{list-style:none;transition:.3s ease-in-out}@media(min-width: 1024px){.hub .page-frame-header-menu nav ul li:hover{opacity:.5}}.hub .page-frame-header-menu-night{width:10px;height:10px;background-color:#fff;cursor:pointer;position:relative;transition:.3s ease-in-out;border:solid 2px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}@media(min-width: 1024px){.hub .page-frame-header-menu-night:hover{background:rgba(0,0,0,0);border:solid 2px;opacity:1 !important}}.hub .page-frame-content{overflow-y:scroll;display:block;height:240px;padding:0 8px 0 0;scrollbar-width:thin;scrollbar-color:#fff #f1f1f1;-ms-overflow-style:none;display:grid}.hub .page-frame-content a{transition:.3s ease-in-out}@media(min-width: 1024px){.hub .page-frame-content a:hover{opacity:.5}}.hub .page-frame-content a:visited{color:gray}.hub .page-frame-row{margin-bottom:8px}.hub .page-frame ::-webkit-scrollbar{width:2px}.hub .page-frame ::-webkit-scrollbar-thumb{background-color:#fff}.hub .page-frame ::-webkit-scrollbar-thumb{background-color:#fff}@media(min-width: 1024px){.hub .page-frame ::-webkit-scrollbar-thumb:hover{opacity:.5}}.hub .page-frame ::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}.hub .page-frame ::-ms-scrollbar{display:none}.white-theme{background-color:#fff;color:#000}.white-theme .page-frame-header-menu-night{background-color:#000}.white-theme .hub .page-frame-content::-webkit-scrollbar-thumb,.white-theme .hub .page-frame-content::-webkit-scrollbar-thumb:hover{background-color:#000}.white-theme .hub .page-frame-content{scrollbar-color:#000 #f1f1f1}.white-theme .hub .page-frame-content a:visited{color:silver}.white-theme hr{border-width:1px;border-color:#000} @font-face { font-family: 'Tamago'; src: url('https://alenlobeiras.com/api/font?filename=tamago.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: block; } .tamago { font-family: 'Tamago'; }