* {
box-sizing: border-box;
}


.header {
padding: .5rem;
text-align: center;
color: rgb(0, 0, 0);
text-shadow: 6rem 6rem 6rem 0 rgb(250,250,250);
/*background-color: rgba(0,0,0,.5);Removed but saved for future update.*/
}
.menu {
float: left;
width: 20%;
text-align: center;
}

.menu a {
background-color: #ffffff;
padding: 8px;
margin-top: 7px;
display: block;
width: 100%;
color: black;
}

.main {
float: left;
width: 60%;
padding: 0 20px;
}

.divide {
background-color: #000000;

}

.right {
background-color: #ffffff;
float: left;
width: 20%;
padding: 15px;
margin-top: 7px;
text-align: center;
}


/*BUTTONS*/
.button {
display: block;
padding: 0.5rem 0.5rem;
margin: 0.5rem;
font-size: .9rem;
font-weight: 600;
text-decoration: none;
cursor: pointer;
text-align: center;
color: rgb(250, 250, 250);
background-color: rgb(8, 31, 243);
width: 12rem;
height: 2rem;
opacity: .6;
transition: 0.3s;
border: .1rem solid rgba(250,250,250,.5);
}
.button:hover {
opacity: 1;
font-weight: 900;
}
.button:active {
background-color: rgb(250, 250, 250);
color: rgb(0,0,0);
box-shadow: 0 5px #666;
transform: translateY(3px);
}
.button[disabled]:hover {
cursor: not-allowed;
box-shadow: none;
transform: none;
}


@media only screen and (max-width: 620px) {
/* For mobile phones: */
.menu, .main, .right {
  width: 75%;
}
}