@font-face{font-family:Inter;src:url(/assets/Inter-VariableFont_opsz_wght.ttf) format("truetype"),url(/assets/Inter-Italic-VariableFont_opsz_wght.ttf) format("truetype")}body{font-family:Inter}*{margin:0;padding:0;box-sizing:border-box}body{width:100vw;height:100vh;background-color:#000;color:#fff;display:flex;flex-direction:column;gap:2rem}.title{text-align:center;padding:2rem;display:flex;flex-direction:column;gap:.5rem}.directories{display:flex;flex-wrap:wrap;width:100%;padding:2rem;gap:.5rem}.directory{padding:4rem;min-width:calc(33.333% - .5rem);max-width:calc(33.333% - .5rem);display:grid;place-items:center;border:1px solid gray;transition:all .2s ease-in;border-radius:5px;color:#fff;text-decoration:none;text-transform:capitalize}.directory:hover{background-color:#ffffff1a}.no-directories{width:100%;padding:10rem;display:grid;place-items:center;gap:.3rem;border:1px solid gray;border-radius:5px;color:#fff}.no-directories h2{color:#b7b7b7}.no-directories p{color:gray}