html {
    height: 100%;
    padding: 0;
    margin: 0;
}
body {
    background-color: #2e00e5;
    color: yellow;
    font-family: Georgia, 'Times New Roman', Times, serif;
    text-align: left;
    padding-left: 180px;
    padding-top: 100px;
    font-size: 36pt;
}

article{
    height: 650px;
    padding:0px;
    margin:0px;
    position:fixed; 
    left: 670px;
    top: 25px;
    background: url(Lebron.jpg), center;
    background-size: cover;
    color: rgba(0, 0, 255, 0)
}

.startbutton {
    width: 100%;
    text-align: center;
    margin-top: 5%;
}

.button {
    background-color: #4e27e7e4;
    color: yellow;
    font-size: 36px;
    padding-top: 2%;
    padding-bottom: 2%;
    padding-left: 5%;
    padding-right: 5%;
    cursor: pointer;
    box-shadow: 9px yellow;
    font-family: Georgia, 'Times New Roman', Times, serif;
    position: fixed;
    left: 180px;
    top: 400px;

}

.button:hover {
    background-color: #FFD800;
    color: #2e00e5;
    
}

.button:hover {
    background-color: #FFD800
}

.button:active {
    background-color: #FFCC00;
    box-shadow: 0 5px #999;
    transform: translateY(4px);
}