styles.css

body {
    background: #eee;
    margin    : 0;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Arial", "PingFang SC", "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "Microsoft JhengHei", "Source Han Sans SC", "Noto Sans CJK SC", "Source Han Sans CN", "Noto Sans SC", "Source Han Sans TC", "Noto Sans CJK TC",
        "WenQuanYi Micro Hei", SimSun, sans-serif;
    font-size              : 16px;
    -webkit-font-smoothing : antialiased;
    -moz-osx-font-smoothing: grayscale;
    scroll-behavior        : smooth;
    overflow               : auto;
    /* min-width           : 1920px; */
}

.bubbly-button {
    min-width    : 200px;
    padding      : 4px 6px;
    font-size    : 22px;
    font-weight  : 700;
    border-radius: 10px;
    cursor       : pointer;
}

input {
    width        : 200px;
    z-index      : 5;
    margin       : 10px 0px;
    padding      : 3px 5px;
    background   : transparent;
    font-size    : 20px;
    border-radius: 10px;
    outline      : none;
    box-sizing   : border-box;
}



#frame {
    position: fixed;
    top     : 0;
    left    : 0;
    width   : 100%;
    height  : 100%;
}

.the_title {
    color          : blue;
    width          : 800px;
    margin         : 0 auto;
    display        : flex;
    flex-direction : column;
    align-items    : center;
    justify-content: center;
    position       : relative;
}

.the_price {
    color          : rgb(238, 154, 43);
    width          : 800px;
    margin         : 0 auto;
    display        : flex;
    flex-direction : column;
    align-items    : center;
    justify-content: center;
    position       : relative;
}


.container {
    width          : 800px;
    min-height     : 600px;
    padding        : 64px 0;
    margin         : 0 auto;
    display        : flex;
    flex-direction : column;
    align-items    : center;
    justify-content: center;
    position       : relative;
}

.container>p {
    font-size  : 16px;
    line-height: 18px;
}

#button {
    margin-bottom: 24px;
}

.operation {
    display        : flex;
    flex-direction : column;
    align-items    : center;
    justify-content: center;
    margin-bottom  : 16px;
}


a {
    margin-top     : 8px;
    text-decoration: underline;
    font-size      : 18px;
}

.column {
    float     : left;
    width     : 40%;
    text-align: center;
    font-size : 25px;
    cursor    : pointer;
}

p {
    text-align: center;
}

.blog-footer {
    position        : absolute;
    bottom          : 0;
    width           : 100%;
    height          : 3.5rem;
    background-color: #f9f9f9;
}