how to make美味しい目玉焼きの作り方

フライパンに油をひく
弱火で全体をあたためる
あたたまってきたら卵を割る
じっくりゆっくり弱火で6分
お皿に盛り付けて完成！

HTML

HEAD

* {
    margin: 0;
    padding: 0;
    font-size: 100%;
    box-sizing: border-box;
}

body {
    font-size: 12px;
    font-family: "Yu Mincho", YuMincho, "MS Mincho", serif;
    background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%23edd66c' fill-opacity='0.35'%3E%3Cpath fill-rule='evenodd' d='M0 0h40v40H0V0zm40 40h40v40H40V40zm0-40h2l-2 2V0zm0 4l4-4h2l-6 6V4zm0 4l8-8h2L40 10V8zm0 4L52 0h2L40 14v-2zm0 4L56 0h2L40 18v-2zm0 4L60 0h2L40 22v-2zm0 4L64 0h2L40 26v-2zm0 4L68 0h2L40 30v-2zm0 4L72 0h2L40 34v-2zm0 4L76 0h2L40 38v-2zm0 4L80 0v2L42 40h-2zm4 0L80 4v2L46 40h-2zm4 0L80 8v2L50 40h-2zm4 0l28-28v2L54 40h-2zm4 0l24-24v2L58 40h-2zm4 0l20-20v2L62 40h-2zm4 0l16-16v2L66 40h-2zm4 0l12-12v2L70 40h-2zm4 0l8-8v2l-6 6h-2zm4 0l4-4v2l-2 2h-2z'/%3E%3C/g%3E%3C/svg%3E");
}

div a {
    font-size: 10px;
    text-decoration: none;
    color: #000;
}

article {
    width: 80%;
    max-width: 300px;
    margin: 60px auto 20px;
    padding: 40px 15px;
    background: url(#紙の壁紙_url#);
    background-size: 50px;
    position: relative;
    box-shadow: 2px 2px 2px rgba(90,90,90,0.1);
}

article::before,
article::after {
    display: block;
    content: '';
    width: 18px;
    height: 50px;
    position: absolute;
    top: -30px;
}

article::before {
    background: url(#木製の洗濯ばさみアイコン素材_url#) no-repeat center top;
    background-size: 18px;
    left: 10px;
}

article::after {
    background: url(#木製の洗濯ばさみアイコン素材_url#) no-repeat center top;
    background-size: 18px;
    right: 10px;
}

header {
    text-align: center;
    margin-bottom: 40px;
}

header h1 {
    font-family: 'Petit Formal Script', cursive;
    font-size: 25px;
    padding-bottom: 90px;
    /* 公開しているデザインで使用しているアイコンは加工しています */
    background: url(#卵を割ったアイコン_url#) no-repeat center bottom;
    background-size: 64px;
}

header h1 span {
    display: block;
    font-size: 10px;
    font-weight: normal;
    font-family: "Yu Mincho", YuMincho, "MS Mincho", serif;
    letter-spacing: 1px;
    margin-top: 8px;
}

main ol {
    counter-reset:number;
    width: 180px;
    margin: 0 auto;
}

main ol li {
    font-size: 11px;
    margin-bottom: 8px;
    list-style-type: none;
}

main ol li::before{
    font-size: 10px;
    counter-increment: number;
    content: counter(number);
    background: #EDD66C;
    color: #fff;
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 50%;
    margin-right: 8px;
}

main ol li:nth-child(odd)::before {
    background: #cfcfcf;
}

footer {
    margin-top: 40px;
    text-align: center;
    font-size: 10px;
}

footer small {
    display: block;
    letter-spacing: 1px;
}</style>