body {
    background-color: rgb(189, 185, 185);
}

#section {
    width: 600px;
    height: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -120%);
}

#click {
    width: 150px;
    padding: 10px 20px;
    background-color: blueviolet;
    color: white;
    border-radius: 8px;
    border: none;
}

#left-btn {
    width: 150px;
    padding: 10px 20px;
    background-color: blueviolet;
    color: white;
    border-radius: 8px;
    border: none;
    position: absolute;
    left: 35%;
}

#right-btn {
    width: 150px;
    padding: 10px 20px;
    background-color: blueviolet;
    color: white;
    border-radius: 8px;
    border: none;
    position: absolute;
    left: 75%;
}

#upper-btn {
    width: 150px;
    padding: 10px 20px;
    background-color: blueviolet;
    color: white;
    border-radius: 8px;
    border: none;
    position: absolute;
    left: 50%;
    top: 50%;
}

#down-btn {
    width: 150px;
    padding: 10px 20px;
    background-color: blueviolet;
    color: white;
    border-radius: 8px;
    border: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#down-left-btn {
    width: 150px;
    padding: 10px 20px;
    background-color: blueviolet;
    color: white;
    border-radius: 8px;
    border: none;
    position: absolute;
    left: 0%;
    top: 100%;
    transform: translate(-0%, -100%);
}

#down-right-btn {
    width: 150px;
    padding: 10px 20px;
    background-color: blueviolet;
    color: white;
    border-radius: 8px;
    border: none;
    position: absolute;
    left: 100%;
    top: 100%;
    transform: translate(-100%, -100%);
}