海のない街ソースコード

ソースコード

自動改行“しない”で作成しています。
お魚のアイコンはICOOON MONOさんの魚のアイコン素材２（色：黒）をお借りしています。
HEAD

@import url('https://fonts.googleapis.com/css?family=Cabin');

@font-face
{
font-family: 和田研中角ゴシック;
src: url('https://cdn.leafscape.be/wadalab/wadalab-nakakakugo_web.woff')
     format("woff");
}

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

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

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

.text{
background:#fff;
color:#000;
padding:60px;
margin:20px;
border-radius:100% 50% 100% 25% / 50% 95% 60% 100%;}

.text:nth-child(2n){
padding:20px 40px 40px;
border-radius:25% 100% 50% 100% / 100% 60% 95% 50%;
background:#ffec47;}

header{
text-align:center;
padding:20px;
margin:20px;}

.ft{
padding:0;
margin:20px;
text-align:center;}

.ft a{
color:#bce2e8;
background:#000;
border:solid 1px #000;
padding:2px 5px;
margin:5px;}

.ft a:hover{
background:#bce2e8;
color:#000;
border:solid 1px #bce2e8;
padding:2px 5px;
margin:5px;}

h1{
font-family: 和田研中角ゴシック;
font-weight:normal;
margin:20px;}

h2{
font-family:"Cabin","和田研中角ゴシック", sans-serif;
font-size:13px;
font-weight:normal;
text-align:center;
margin:0 0 10px;
padding:0;}

a{
color:#000;
background:#bce2e8;
text-decoration:none;
padding:0 3px;
margin:3px;
transition:0.5s;}

a:hover{color:#999;}

</style>

ノート画面