#container{
    display: grid;
    grid-template-columns: 2fr 5fr;
    grid-gap: 20px;
    font-family: sans-serif;
}

#left {
  padding: 10px;
}

#right {
  padding: 10px;
}

#server_configuration {
  background-color: rgb(255, 68, 68);
  padding: 10px;
}

#requisitions {
  background-color: rgb(176, 176, 255);
  padding: 10px;
}

#candidate_input {
  background-color: rgb(218, 255, 218);
  padding: 10px;
}

.unselected_button {
  z-index: 0;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius: 15px;
  transform: scale(1);
  transition: transform 330ms ease-in-out;
}

.unselected_button_hover {
	z-index: 10;
	border: 3px;
	background-color: #2f7932; /* Green */
  	color: white;
  	padding: 15px 32px;
  	text-align: center;
  	text-decoration: none;
  	display: inline-block;
  	font-size: 16px;
  	border-radius: 15px;
	border-color: rgb(17, 7, 7);
	transform: scale(1.1);
	transition: transform 330ms ease-in-out;
}


.hidden {
	scale: 0;
	opacity: 0;
	transition: opacity 1s, scale 1s;
  z-index: -10; 
  position: absolute; 
  top: 50px; 
  right: 50%;
  left: 50%;
  width: 120px;
  height: 160px;
}

.visible {
	scale: 1;
	opacity: 1;
	transition: opacity 1s, scale 1s;
  z-index: 10; 
  border: none;
  color: white;
  background-color: green;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  border-radius: 15px;
  position: absolute; 
  padding-top: 15px;
  top: 50px; 
  right: 50%;
  left: 50%;
  width: 150px;
  height: 150px;
}