body{padding:0;font-family:Verdana,Geneva,Tahoma,sans-serif;margin:0;color:#2f4f4f;font-family:Arial,Helvetica,sans-serif}header{margin:0;background-image:url(https://picsum.photos/id/37/1200/200?blur=2);background-size:cover;text-shadow:1px 2px 6px lightgray}main{padding-left:50px;padding-right:50px;font-family:Arial,Helvetica,sans-serif}footer{background-color:#dfeff9;padding:10px;text-align:center;font-size:14px;height:auto}h1{color:#708090;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:40px;margin:0}h3{margin-top:12px;margin-bottom:6px}.extrafancy{color:purple;font-family:cursive,sans-serif}#special{color:#a47945;font-family:cursive,sans-serif;font-size:25px;font-weight:700}mark{background-color:#e0ffff;color:#000}article{background-color:#f2faff;padding:5px 20px;border-radius:10px;border:1px solid;border-color:#add8e6;min-width:200px;width:80%;box-sizing:border-box;box-shadow:5px 5px 10px #b8bec2;margin:20px 5px}a{text-decoration:none}nav{height:auto}.avatar{display:block;width:100px;height:100px;border-radius:50%;border:2px solid steelblue}.chart-container{padding:10px 5px;max-width:600px;max-height:280px}.chart-container svg{width:100%;height:auto;display:block}.chart-container text.value{font-size:.95rem;font-weight:600}.header{display:flex;align-items:center;gap:20px;margin:0;padding:25px}.social-logo{height:16px;vertical-align:middle;margin-left:3px;margin-right:3px}.navigation{background-color:#fff;padding:4px 10px;border-radius:999px;border:1px solid slategray;gap:20px;justify-content:center;margin:20px 5px}@media(max-width:768px){body{padding:0}main{padding-left:10px;padding-right:10px}header{background-image:url(https://picsum.photos/id/37/768/212?blur=2)}h1{font-size:24px}p{font-size:16px}article{width:100%;margin:15px 0}.header{flex-direction:column;text-align:center;padding:15px}.avatar{width:80px;height:80px}}.ani-links a{position:relative}.ani-links a:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;background-color:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.ani-links a:hover:after{transform:scaleX(1)}.highlight-blue{position:relative;display:inline-block;color:#0a2d5e;padding:0 3px;z-index:1}.highlight-blue:before{content:"";position:absolute;top:-5%;left:-3%;width:110%;height:120%;background:linear-gradient(to top,#7dd3fcb3 0,#7dd3fcb3 30%,#7dd3fc4d 40%,#7dd3fc4d);border-radius:5px;transform:rotate(1deg);z-index:-1}.highlight-lightblue{position:relative;display:inline-block;color:#0a2d5e;padding:2px 6px;z-index:1}.highlight-lightblue:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,#7dd3fc80 0,#7dd3fc80 70%,#7dd3fc33 60%,#7dd3fc33);border-radius:6px;transform:rotate(-2deg);z-index:-1}.highlight-yellow{position:relative;display:inline-block;color:#0a2d5e;padding:2px 6px;z-index:1}.highlight-yellow:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffff0067;border-radius:6px;transform:rotate(1deg);z-index:-1}.highlight-purple{position:relative;display:inline-block;color:#0a2d5e;padding:2px 6px;z-index:1}.highlight-purple:before{content:"";position:absolute;top:4px;left:3px;right:0;bottom:0;background:linear-gradient(to top,#80008040 0,#80008040 25%,#80008033 25%,#80008033);border-radius:6px;transform:rotate(-1deg);z-index:-1}