Kasuga Shion春日紫音

「……え？あ、何か御用ですか？」

性別
女性
職業
派遣社員
年齢
25歳
誕生日
12月3日
身長
162cm

長めの黒髪をひとつに結んでいるが、お洒落に気を使っているというよりは邪魔なので結んでいるという感覚に近い。服装もシンプルなものを延々と着回している。視力が悪く普段は眼鏡をかけている。
基本的には真面目で嘘がつけない性格。好きなものには一直線で周りが見えなくなる時もしばしば。辛いものはあまり得意ではなく、甘いものの方が好き。アルコールも弱い方で基本的に飲まない。非喫煙者。
フルタイムの派遣社員として働く傍ら、スキマ時間で稼げるブログなどでもちまちまと小遣いを得ているようだ。趣味(好きなこと)のためには家賃も馬鹿にできず、家賃の低いはなまる荘が目に付いた。

ソースコード

アイコン枠素材：パブリックドメイン素材。こちらからDL可能

背景素材：Bg-patterns斜めのストライプパターンその3

HEAD

/*** The new CSS Reset - version 1.2.0 (last updated 23.7.2021) ***/
:where(:not(iframe,canvas,img,svg,video):not(svg*)){all:unset;display:revert}*,::after,::before{box-sizing:border-box}ol,ul{list-style:none}img{max-width:100%}table{border-collapse:collapse}textarea{white-space:revert}
hr { height: 0; margin: 0; padding: 0; border: 0;}
ul,ol {list-style: none;}

body{
background: url(##背景画像URL##) repeat;
font-family: 'Playfair Display', 'Noto Serif JP', serif;
font-size:0.85em;
line-height:1.5;
margin: 0;
padding: 0;
}

a{
text-decoration:none;
color: #999;
}

.wrp{
background: #fff;
height: 100%;
width: 90%;
max-width: 600px;
margin: 0 auto;
padding: 10px;
}

header{
font-family: 'Great Vibes', 'Klee One';
font-size:1.2em;
text-align: center ;
margin: 50px auto 20px;
}
.icon{
    position: relative;
    width: 100px;
    margin: 20px auto;
}
.icon::after {
	content: '';
	position: absolute;
	top: -20px;
	left: -20px;
        width: 140px;
        height: 140px;
	background: url(##アイコン枠画像URL##);
        filter: invert(50%) sepia(0%) saturate(11%) hue-rotate(143deg) brightness(101%) contrast(93%);
        background-size:cover;
}
hr {
  height: 1px;
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#ccc), to(transparent));
  background-image: linear-gradient(to right, transparent, #ccc, transparent);
}

h1{
font-size:2.5em;
color: #ccc;
font-weight:400;
position: relative;}

h1 span{
font-size: 0.6em;
color:#000;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);}

ul{
list-style: none;
display: flex;
flex-wrap: wrap;
text-align: center;
}
li {
    width: 125px;
    padding-bottom: 1em;
    margin: 5px 20px;
}
li > div {
    padding: .2em 1em;
    margin-bottom: .5em;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 5px #ccc;
}

.text{
margin: 0 15px; 
padding-right: 1.5em;
padding-left: 1.5em;
line-height: 2em;
background-image: linear-gradient(transparent 0, transparent 97%, #ccc 100%);
background-size: 100% 2em;
}

footer{
font-family: 'Klee One';
text-align: center ;
margin: 50px auto 20px;
}

</style>

BODY