66.ねこ様 | ナノ

Title:Jubilateさま

HEAD(CSS)

@import url(https://fonts.googleapis.com/css?family=Clicker+Script|Ovo);

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

.dot{
width:50%; 
margin:0px 0px 0px 0px;
padding:0px 0px 50px 0px;
border-right:dotted 3px #9FACDA;
}

.dot_s{
width:50%; 
margin:0px 0px 0px 0px;
padding:0px 0px 25px 0px;
border-right:dotted 3px #9FACDA;
}

.top{
background:url(#画像URL#) center center no-repeat,#fff;
background-size:150px;
width:170px;
height:220px;
border-radius:50%;
border:solid 3px #EE92CE;
margin:0 auto;
margin-bottom:10px;
margin-top:10px;
}

.title{
font-family:'Clicker Script';
font-size:30px;
font-weight:normal;
color:#EE92CE;
letter-spacing:0;
line-height:1.5;
}

.form{
max-width:400px;
padding:0 20px;
margin:0 auto;
}

input[type="text"],input[type="submit"],textarea{
background:#F4C6E8;
width:96%;
height:auto;
border:none;
border-radius:5px;
padding:2%;
font-family:'Ovo',Meiryo,メイリオ,serif;
color:#202153;
font-size:12px;
line-height:1.5;
letter-spacing:2px;
display:block;
}

input[type="submit"]{
width:100px;
padding:0;
background:#EE92CE;
color:#fff;
font-family:'Clicker Script';
font-weight:bold;
font-size:15px;
letter-spacing:0;
}

textarea{
height:100px;
}

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

a:hover{
font-weight:bold;
}

</style>

BODY(HTML)

素材↓(未透過)