<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cactus+Classical+Serif&display=swap" rel="stylesheet">

<style>
.markdown-body p {
margin:auto;
}
.markdown-body {
font-family:"Cactus Classical Serif", serif;
font-weight: 400;
font-style: normal;
background:WhiteSmoke ;
box-shadow: inset 20px 20px 10px white, inset -10px -10px 10px white;
}

.markdown-body div{

padding:0;

}

.markdown-body h2 {

/* color:red; */
text-align:center;
font-family:"Cactus Classical Serif", serif;
margin:auto;
border:none;

}

.markdown-body h1 {

/* color:red; */
text-align:center;
padding-bottom:40px;
border:none;
font-family:"Cactus Classical Serif", serif;

}

.markdown-body h3 {
font-family:"Cactus Classical Serif", serif;
text-align:center;
}

.markdown-body a{

color:#1E8449 ;
text-shadow:white -1px -1px 1px;
text-decoration:none;
}

.markdown-body a:hover {

color:#1E8449 ;
text-shadow:#9FE2BF 2px 2px 12px, white -2px -2px 1px;
}

.markdown-body {
padding-top:35px;
}

.banner{

width:80%;
margin:auto;
margin-bottom:20px;
padding:10px;
background:WhiteSmoke ;
border-radius:5px;
text-align:center;

}

.social {

padding: 5px;
display:flex;
flex-direction: row;
flex-wrap: wrap;
gap:15px;
justify-content:center;

}
.social div{

padding:5px;
background:white;
border-radius: 5px;
width:20%;
min-width:80px;
text-align:center;
box-shadow: white -5px -5px 5px, Gainsboro 3px 3px 12px ;
background:WhiteSmoke ;
}
.social div:hover{

box-shadow: white -5px -5px 5px,white 2px 2px 2px, inset Gainsboro 2px 2px 2px ;
}

</style>

<div style="background: linear-gradient(43deg, rgba(30,132,73,1) 0%, rgba(76,119,135,1) 100%); width:80px; aspect-ratio:1/1;margin:auto;border-radius:50%;"></div>
<div> <h1 style="text-shadow: LightSlateGray 5px 8px 10px; padding:10px;">海克</h1> </div>

<div style="text-align:center;margin:20px;">Hecto, Logan, 小海</div>

<div class="banner">
喜歡甜點和氣泡檸檬咖啡。<br>喜歡歷史、程式、寫文和畫畫。
</div>

<div class="social">
<a><div style="color: SeaGreen"> twitter/x </div></a>
<a><div style="color: SeaGreen"> tumblr </div></a>
<a href="https://www.plurk.com/Hecto_Nnn"><div style="color: SeaGreen"> plurk </div> </a>
</div>

<br>

<h3>§</h3>

### 文字作品

<div style="text-align:center;">
<a href="#" style="color: #922828; text-shadow:none;">AO3</a>
<br>
<a href="#" style="color: #4B7D9B; text-shadow:none;">在水裡寫字</a>
<br>
或
<br>
<a href="https://hackmd.io/@Hect-/Writings">HackMD 作品總集</a>
</div>

<h3>§</h3>

<h3>OC 原創角色</h3>
<div style="text-align:center;">
<a href="https://hackmd.io/@Hect-/SyZsTuJ-gg">亞羅米爾.皮亞希科 Jaromír Piaścik</a>

<br>
<p>萊斯里.史匹格爾</p>
<p>西奧多.奈爾森.坎貝爾</p>
</div>