:root{--background-color:#1e1e2f;--container-background:#2c2c3a;--text-color:#e0e0e0;--link-color:#8ab4f8;--footer-text-color:#a1a1b5}@media (prefers-color-scheme:light){:root{--background-color:#fff;--container-background:#f0f0f0;--text-color:#000;--link-color:#1a0dab;--footer-text-color:#555}}@media (prefers-color-scheme:dark){:root{--background-color:#1e1e2f;--container-background:#2c2c3a;--text-color:#e0e0e0;--link-color:#8ab4f8;--footer-text-color:#a1a1b5}}html{height:100%;font-size:62.5%}body{background-color:var(--background-color);color:var(--text-color);margin:0;padding:2% 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.6rem;font-weight:300;line-height:1.8}.container{box-sizing:border-box;background-color:var(--container-background);border-radius:8px;flex-direction:column;align-items:center;width:100%;max-width:600px;margin:2% auto;padding:2%;display:flex;position:relative}h1,h2{color:var(--text-color);text-transform:uppercase;text-align:center}h1{letter-spacing:-.1rem;margin-top:2%;margin-bottom:20px;font-size:4rem;line-height:1.2}h2{letter-spacing:-.08rem;margin-top:0;margin-bottom:20px;font-size:2rem;line-height:1.1}p{color:var(--text-color);margin-top:0;margin-bottom:1.5em}a{color:var(--link-color);padding:.2rem .4rem;font-weight:500;text-decoration:none;transition:color .3s;position:relative}a:after{content:"";background:var(--link-color);transform-origin:100%;width:100%;height:2px;transition:transform .3s;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}a:hover{color:var(--text-color);background-color:#8ab4f833;border-radius:4px}a:hover:after{transform-origin:0;transform:scaleX(1)}.image-cropper{border:2px solid var(--link-color);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:20px;transition:box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.image-cropper:hover{border-color:#b6d4ff;box-shadow:0 0 8px 4px #8ab4f880}.image-cropper img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}header{flex-direction:column;align-items:center;display:flex}footer{text-align:center;width:100%;color:var(--footer-text-color);margin-top:40px}@media (max-width:600px){body{padding:5%}h1{font-size:3rem}h2{font-size:1.8rem}}