*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none}html{--bg-color: #EDF2FF;--text-color: #00082F;--primary-color: #4263EB;--primary-color-dark: #364FC7}body.dark-blue{--bg-color: #00082F;--text-color: #FFFFFF}body{--bg-color: #FFF0F6;--text-color: #1F000B;--primary-color: #00aa00;--primary-color-dark: #008a00}#root:{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}body{background:var(--bg-color);color:var(--text-color);font-family:Roboto,sans-serif}.container{text-align:center;width:300px;margin:60px auto}img{width:100%}img.avatar{border-radius:50%;width:100px;height:100px;padding:3.7px;border:var(--primary-color) solid 4px}h1{font-size:32px;margin-top:14px}.username{font-family:Roboto Mono,monospace;font-weight:400;opacity:.8;font-size:18px}ul{list-style:none;margin:48px 0}ul li a{height:53px;display:flex;align-items:center;justify-content:center;background:var(--primary-color);color:#fff;text-transform:uppercase;font-size:14px;margin-bottom:16px;border-radius:6px;transition:background .4s}ul li a:hover{background:var(--primary-color-dark)}footer{font-weight:500;font-size:12px;opacity:.6;transition:opacity .4s}footer:hover{opacity:1}footer a{color:var(--text-color)}a{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}a:hover{filter:drop-shadow(0 0 2em #61dafbaa)}