html {
    scroll-behavior: smooth;
}

body{
    background-image: url("image1.jpg");
    height: 10000px;
    font-family: Arial;
}
#label {
    height: 300px;
    width: auto;
    background: aqua;

    margin-top: 30px;
    font-size: 80px;
    text-align: center;
    color: white;
    text-shadow:
    2px 2px 0 #33402a,
    -2px 2px 0 #33402a,
    -2px -2px 0 #33402a,
    2px -2px 0 #33402a;
    border-radius: 20px;
    line-height: 150px;
    cursor: default;
}
.menu {
    height: 80px;
    width: auto;
    background: red;
    border-radius: 10px;
    line-height: 80px;
    text-align: center;
    font-size: 50px;
    color: white;
    top: 5px;
    z-index: 100;
    position: sticky;
    top: 5px;
}
.menu:hover {
    background: #A50000;
    cursor: pointer;
}

.menu_text {
    line-height: 80px;
    text-align: center;
    font-size: 50px;
    color: white;
}
.option {
    top: 0;
    height: 80px;
    background: red;
    list-style-type: none;
    margin: 0;
    text-align: center;
}
.option:hover{
    background: #A50000;
}
ul>li {
    display: none;
}
ul:hover>li {
    display: block;
    cursor: pointer;
}
#example {
    transform: translateY(500px);
}
#example2 {
    transform: translateY(1000px);
}