#upgrade {
    width: 200px;
    transition: width 2s;
    background-color: blue;
}

#upgrade:hover {
    width: 400px;
}

#hi {
    background-color: green;
}

#auto {
    width: 200px;
    transition: width 2s;
    background-color: yellow;
}

#auto:hover {
    width: 400px;
}

#sec {
    width: 200px;
    transition: width 2s;
    background-color: pink;
}

#sec:hover {
    width: 400px;
}

#ele {
    width: 300px;
    height: 300px;
    cursor: pointer;
}

button {
    border-radius: 200px;
    border: 7px ridge blue;
    cursor: pointer;
}

#ele2 {
    display: none;
}

#ele3 {
    display: none;
}

#ele4 {
    display: none;
}

#ele5 {
    display: none;
}

#ele6 {
    display: none;
}

#ele7 {
    display: none;
}

#ele8 {
    display: none;
}

.cursorchange {
    cursor: pointer;
}

.notallowed {
    cursor: not-allowed;
}