wonder×wonder

wonder
×
wonder

ここはXXXの管理する###サイト。
$$$を守ってご利用ください。詳しくはにて。
とか色々書いてみてください。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。テストです。強調したいときはこんな感じ

アイコンはFontawesome様からお借りしています。

HEAD

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

body{
line-height:2;
font-family: 'Quicksand',メイリオ;
font-size:12px;
color:#666;
text-align:center;
background:#fff;
}

.background {
 z-index: -1;
 background: url(#画像URL#) #fff no-repeat;
 position: fixed;
 background-position: center top;
 background-size:cover;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
}

.waku{
max-width:300px;
background:rgba(255,255,255,0.5);
text-align:left;
padding:10px;
}

.title{
font-family: 'Chewy', cursive;
font-size:50px;
line-height:0.8;
color: #FFF;
text-shadow: 
1px 1px 3px #FF8BFE,
-1px 1px 3px #FF8BFE,
1px -1px 3px #5A57FF,
-1px -1px 3px #5A57FF;
}

a.menu{
text-decoration:none;
margin:0 7px;
font-size:25px;
color: #333;
background:none;
text-shadow: 
1px 1px 3px #FF8BFE,
-1px 1px 3px #FF8BFE,
1px -1px 3px #5A57FF,
-1px -1px 3px #5A57FF;
}

a:hover.menu{
color: #FFF;
text-shadow: 
1px 1px 3px #5A57FF,
-1px 1px 3px #5A57FF,
1px -1px 3px #FF8BFE,
-1px -1px 3px #FF8BFE;
}

.text{
border-bottom:solid 1px #FFD7FF;
}

.line{
background:linear-gradient(to right,#D7ECFF,#FFD7FF);
padding:2px 5px;
line-height:1;
margin:2px 0;
border-radius:3px;
color:#000;
}

a{
text-decoration:none;
color:#964BD8;
background:#fff;
margin:0 5px;
}

a:hover{
background:none;
}

a:visited{color:#555;}

</style>

BODY

素材↓(縮小表示しています)