html,body{scroll-behavior:auto;height:100%;width:100%;margin:0;padding:0;background-color:#fff;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{height:fit-content;flex-wrap:wrap;row-gap:2rem;column-gap:2rem;padding:2rem}body>a{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#000}body>a>div{width:15rem;height:15rem;display:flex;justify-content:center;align-items:center;box-shadow:0 8px 16px -4px gray;overflow:hidden}body>a>div>*{max-width:100%;max-height:100%}body>a p{transition:color .25s}body>a:hover p{color:#007fff}.phpdebugbar{display:none}