example12 | ナノ

Font
Title:Cookie
Overall:Dosis

HEAD(CSS)

@import url(https://fonts.googleapis.com/css?family=Cookie|Dosis);

body{
margin:3%;
padding:3%;
font-size:11px;
color:#fff;
line-height:2;
letter-spacing:2px;
font-family:'Dosis',Meiryo,メイリオ, sans-serif;
background:#EDE9FA;
text-align:center;
}

.top i{
font-size:70px;
margin:10px;
text-shadow:2px 2px #fff,-2px 2px #fff,2px -2px #fff,-2px -2px #fff;
}

.title{
font-family:'Cookie';
font-size:30px;
font-weight:bold;
letter-spacing:0;
line-height:0.5;
}

h1{
font-family:'Cookie';
font-size:30px;
letter-spacing:0;
line-height:0.5;
display:inline;
position:relative;
top:5px;
}

.all{
max-width:500px;
text-align:left;
margin:0 auto;
padding:15px;
border-radius:5px;
background:#CDADE8;
}

.text{
border-bottom:dashed 1px #EDE9FA;
padding-bottom:1px;
}

a{
text-decoration:none;
color:#333;
border-bottom:solid 3px #fff;
padding:0 3px;
}

a:hover{
color:#fff;
border:none;
}

</style>

BODY(HTML)

Information

Detail