main{margin:0 auto;margin-top:var(--homepage-margin-top);max-width:var(--homepage-max-width)}div.info{display:flex;justify-content:start;align-items:center;font-size:1.4em}div.info img{width:80px;height:80px;box-shadow:rgba(0,0,0,0.2) 2px 2px 8px 0px;border-radius:50%;margin-right:30px}div.info .info-text #name{font-size:1.1em;margin-right:10px}div.info .info-text #id{border:2px var(--primary-color) solid;color:var(--primary-color);padding:0px 16px 1px 16px;border-radius:20px;font-size:0.75em}div.info .info-text #bio{color:var(--text-second-color);font-size:0.8em}div.link{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;row-gap:20px;margin-top:25px}div.link .left a{text-align:center;margin-right:10px;text-decoration:none;color:var(--text-primary-color)}div.link .left a span{position:relative;top:-3px;font-size:1.3em;text-decoration:underline var(--primary-color) 2px}div.link .left a:hover{color:var(--primary-color)}div.link .right a{text-decoration:none;color:var(--text-primary-color);cursor:pointer;margin-right:10px}div.link .right a:hover{color:var(--primary-color)}div.link .right button{color:var(--text-primary-color);padding:0;border:none;background-color:#0000;cursor:pointer}div.link .right button:hover{color:var(--primary-color)}div.brief{font-size:1.4em;line-height:1.5;margin:15px 0}div.brief p{word-wrap:break-word;margin:0.5em 0}div.brief a{color:var(--primary-color);text-decoration:underline var(--primary-light-color) 2px}div.brief a:hover{text-decoration-color:var(--primary-color)}div.brief p>code{font-family:var(--code-font);font-size:0.8em;padding:0px 6px;color:var(--primary-color);background-color:var(--primary-light-color);border-radius:4px}div.brief img{max-width:100%;display:block;margin:0 auto;border-radius:var(--img-border-radius)}div.brief blockquote{border-left:4px var(--primary-light-color) solid;padding-left:16px;margin:0 0 24px 0;color:var(--text-light-color)}div.brief li::marker{color:var(--primary-color)}div.brief hr{border:none;background-color:var(--primary-light-color);height:4px;margin:1.5em 0}@media screen and (max-width: 500px){main{padding:0 15px;margin-top:10vh}div.info{font-size:1.2em}div.info img{width:70px;height:70px;margin-right:20px}div.info .info-text #name{margin-right:2px}div.info .info-text #id{font-size:0.7em;padding:0 8px}div.link .right a{margin-right:5px}div.brief{font-size:1.3em}}body.dark-mode div.info .info-text #bio{color:var(--dark-text-second-color)}body.dark-mode div.link .left a,body.dark-mode div.link .right a,body.dark-mode div.link .right button{color:var(--dark-text-primary-color)}body.dark-mode div.link .left a:visited,body.dark-mode div.link .right a:visited,body.dark-mode div.link .right button:visited{color:var(--dark-text-primary-color)}body.dark-mode div.link .left a:hover,body.dark-mode div.link .right a:hover,body.dark-mode div.link .right button:hover{color:var(--primary-color)}