skylit - 朝の病

・カイリさん「夏っぽい青や青春のイメージ。」

自動改行“しない”で作成しています。
画像ははだしさまより#92色々手描きからお借りしています。

HEAD

@import url('https://fonts.googleapis.com/css?family=Alegreya+Sans+SC|Palanquin');

@font-face
{
font-family: やさしさゴシック;
src: url('https://cdn.leafscape.be/Yasashisa/YasashisaGothic_web.woff2')
     format("woff2");
}

body{
font-family:"Palanquin","メイリオ", sans-serif;
font-size:12px;
letter-spacing:1px;
line-height:150%;
color:#000;
background:#fff;
margin:0;
padding:0;}

@media screen and (min-width:501px){
.wrp{
width:500px;
margin:0 auto;}
}

@media screen and (max-width: 500px){
.wrp{
width:100%;
margin:0 auto;}
}

.top{
margin:0 auto;
padding:50px 0 30px;
text-align:center;
width:230px;}

.menu{
margin:0 auto;
position:relative;
bottom:210px;
left:30px;}

.menu a{
font-family:Alegreya Sans SC, sans-serif;
color:#fff;
background:#0095d9;
margin:0 5px;
padding:3px 10px;
display:inline-block;
text-decoration:none;}

.menu a:hover{
color:#fff;
background:#ff1493;
margin:0 5px;
padding:3px 10px;}

.menu p{
background:rgba(255,255,255,.8);
display:inline-block;
padding:2px 5px;}

.con{
margin:20px 25px;
padding:15px;
border:solid 2px #0095d9;
border-radius:5px;
text-align:left;}

.ft{
position:relative;
margin:-180px 20px 0;
padding:3px 10px;
background:rgba(255,255,255,.8);}

.info{
color:#555;
border:solid 2px #eee;
border-radius:5px;
margin:10px;
padding:10px;
text-align:left;}

strong{
font-weight:normal;
margin:0 1px;
padding:0 3px;
border-bottom:solid 2px #ff1493;}

h1{
font-size:24px;
font-family:Alegreya Sans SC, やさしさゴシック, sans-serif;
background:#0095d9;
color:#fff;
margin:0 10px;
padding:10px;
text-align:center;
line-height:100%;
display:inline-block;
position:relative;
bottom:250px;
right:80px;}

h1 p{
font-weight:normal;
font-size:12px;
margin:0;
padding:0;}

h2{
font-size:18px;
font-family:Alegreya Sans SC, やさしさゴシック, sans-serif;
color:#0095d9;
margin:5px 0 20px;
padding:3px 0;
display:inline-block;
transform:rotate(-10deg);}

h3{
font-size:13px;
font-weight:normal;
font-family:Alegreya Sans SC, やさしさゴシック, sans-serif;
background:#0095d9;
color:#fff;
margin:10px 0;
padding:3px 10px;
display:inline-block;}

a{
color:#000;
padding:0 5px;}

a:hover{color:#0095d9;}

</style>

BODY

skylit
123456

information

見出し２

skylit123456

information

見出し２

skylit
123456