@media screen and (max-width: 1000px) {
    #main {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .main-title {
        font-size: 30px;
        padding: 10px;
    }
    .start-btn {
        font-size: 20px;
    }
    .main-desc {
        width: 90%;
        font-size: 20px;
        padding: 10px;
    }
    .select-wrap {
        width: 100%;
        padding: 10px;
    }
        .result-left1, .result-left2, .result-left3,.result-left4,
        .result-left5, .result-left6, .result-left7,.result-left8,
        .result-left9,.result-left10 {
            width: 80%;
            text-align: center;
            padding: 14px 52px;
            margin-top: 10px;
            /* border-radius: 40px; */
            /* box-shadow: 0px 0px 6px 3px inset #8e8e8e; */
            display: inline-block;
        }

        .another-title {
            width: 80%;
        }
          .result-left9 {
            /* margin-top: 20px; */
  }
}

@media screen and (max-width: 430px) { 
    .main-title {
        font-size: 20px;
    } 
    .main-desc {
        font-size: 16px;
    }
    .top-image {
        width: 90%;
    }
}

@media screen and (max-width: 350px) { 
    .main-title {
        font-size: 18px;
    }
    .main-desc {
        font-size: 16px;
    }
    .start-btn {
        font-size: 16px;
    }
    .result-left1, .result-left2, .result-left3,
    .result-left4, .result-left5, .result-left6, .result-left7 {
        width: 100%;
        padding: 10px 16px;
        /* border-radius: 40px; */
    }

}