Head-turner | ナノ

ここはXXXサイトです。管理人は$$$です。管理人の趣味嗜好に走っておりますのでご注意ください。
などなどいろいろサイトの説明とか書いたらいいんじゃないかと。多分上のトップだけ書いた方がいいと思います。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。
協調したいときはこんな感じ。
タイトルは短いほうがいいと思います。長いタイトルになる場合は、HEAD内の.top{}の中にあるwidth:230px;を大きくして調整すればなんとかなると思います。
トップの素材はillustrationから保存してください。背景素材はデコヤ様から。
※背景はナノの背景色で#330033に設定し、背景機能でデコヤ様の素材を敷き詰めにしています。
background:#330033■
font:#222222■
link:#66cc99■
link-hover:#993366■
link-visited:#777777■

HEAD

* {
 margin:0 auto;
 padding:0 auto;
}

body{
 margin:5%;
 padding:5%;
 font-size: 13px;
 overflow-y:scroll;
line-height;2;
  font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
  Meiryo, メイリオ, sans-serif;
}

p{font-size:20px;
color:#ffdbc9;
line-height:2;
font-family: 'Just Me Again Down Here', cursive;
}

p2{color:#66cc99;
font-size:40px;
line-height:2;
font-family: 'Just Me Again Down Here', cursive;
}

p3{border-bottom:dotted 1px #993366;
line-heidht:2;}

a {color:#66cc99;
 text-decoration: none;
}

a:hover {padding:3px;
border-radius:20px;
 color: #993366;
background:url(#デコヤ様の素材URL#);}

.title {
 color:#faf0e6;
 font-size:70px;
font-family: 'Just Me Again Down Here', cursive;
line-height:1;
text-shadow:2px 2px #330033,
2px -2px #330033,
-2px 2px #330033,
-2px -2px #330033;}

.top{width:230px;
height:200px;
text-align:right;
background:url(#画像URL#);
background-repeat:no-repeat;}

.waku{background:#ffdbc9;
border-radius:20px;
padding:20px;}

.line{background:linear-gradient(transparent 40%,#cbffd3 0%);
}
</style>

BODY