*{
         margin : 0;
         padding: 0;
         box-sizing: border-box;
     }

     body {
        font-family: sans-serif;
        background-color: seagreen;

        
    }

    marquee {
        margin-top: 10px;
        width: 100%;
        direction: left;
        height: 20px;
        background-color: cadetblue;
        color: white;

    }

    h2  {
        font-size: 18pt;
        font-weight: bolder;
        text-align: center;
        padding-top: 5px;
    }

    h3 {
        text-align: center;
    }

    hr {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    div { 
        display: inline-block;
        margin-top: 10px;
        margin-left: 10px;
        width: 300px;
        height: 500px;
        overflow-y: auto;
        padding: 10px;
    }

    .ice {
        background-color: pink;
     
    }

    .movie {
        background-color: goldenrod;
    }

    .bookshop {
        background-color: dodgerblue;
    }


    .memo {
        background-color: papayawhip;
        
    }

    .shoes {
        background-color: navy;
        color: ghostwhite;
    }

    .seat {
        background-color: darkorange;
    }

    .ocean {
        background-color: lightseagreen;
    }

    .ramen {
        background-color: palevioletred;
    }

    .bang {
        background-color: oldlace;
    }

    .gift {
        background-color: yellow;
    }

    .wedding {
        background-color: olivedrab;
    }

    .teamphoto {
        background-color: slategray;
    }

    .jinjuhousekimchi {
        background-color: orchid;
    }

    .period {
        background-color: palegreen;
        list-style: none;
    }

    .flower {
        background-color: sandybrown;
    }

    .sushi {
        background-color: mediumseagreen;
    }

    .fortune {
        background-color: powderblue;
    }

    .score {
        background-color: orangered;
        border-radius: 60%;
    }


    figure {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    img {
        width: 100%;
    }

    figcaption {
        text-align: center;
        font-size: 9pt;
        margin-top: 5px;
    }

    iframe {
        width: 100%;
    }

    p {
        text-align: center;
    }


    ul {
        position: relative;
        word-break: keep-all;
        text-align: center;
        list-style-position: inside;
    }

    li {
        font-size: 11pt;
        margin-top: 4pt;
        text-align: center;
        word-break: keep-all;
    }

    a {
        color: greenyellow;
    }

    textarea {
        border: 3px dotted orangered;
        width: 100%;
        height: 50%;
        padding: 5px;
    }