#root{max-width:100%;margin:0 auto;padding:2rem;text-align:center}header{border-radius:5px;margin:0 auto;display:flex;background:linear-gradient(to right,#fff,#87ceeb,#000)}#dap{transition:.3s;margin:25px auto 25px 25px;width:100px;max-width:100%}footer{border-radius:5px;padding:15px 0;margin:0 auto;color:#000;background:linear-gradient(to right,#fff,#87ceeb,#000)}footer nav ul li{display:inline-block}ul{list-style:none}li{text-decoration:none}@media screen and (width < 798px){#dap{width:50px;height:50px;transition:.3s}h1{transition:.3s;font-size:1em}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#fff;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#87ceeb;text-decoration:inherit}a:hover{color:#fff;filter:drop-shadow(0 0 2px skyblue);transition:.3s}a:not(:hover){transition:.3s}body{margin:0;display:block;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1;transition:.3s}button{border-radius:8px;border:1px solid grey;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#87ceeb;cursor:pointer;transition:border-color .25s;margin:10px}button a{color:#000}button:hover{border-color:#000;transition:.3s}button:not(:hover){transition:.3s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}img{border-radius:8px;max-width:100%}@media (prefers-color-scheme: light){:root{color:#000;background-color:#fff}button{color:#87ceeb;background-color:#000}}