*{
    background-color: rgba (0,0,0,0);
}

.info_leyer {  
  height: 90px;
}

footer {
  height: 90px;
  z-index: 998;
}

#cam-nav {
  width: 4%;
  height: 60vh;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
  align-items: left;
  left: 4px;
  bottom: 126px;
}

.home-paragrapgh {
  justify-content: flex-start;
}

.button-controls button {
  background-color: rgba(154, 255, 2, 0);
  color: rgb(255, 255, 255);
  border: 0px solid rgb(255, 255, 255);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  border-radius: 25px;
  text-align: center;
  font-size: 12px;
  font-weight: 100;
}

.button-controls button:hover {
  cursor: pointer;
  border: 1px solid rgb(162, 255, 0);
}

.button-controls img {  
  width: 12px;
  height: 12px;
  filter: invert(1);  
  filter: drop-shadow(0.1);
}

#btn-camera button , #btn-audio button {
background-color: rgba(154, 255, 2, 0);
color: rgb(255, 255, 255);
border: 0px solid rgb(255, 255, 255);
display: flex;
justify-content: center;
align-items: center;
width: 26px;
height: 26px;
border-radius: 25px;
text-align: center;
font-size: 12px;
font-weight: 100;
}
  
#btn-camera button:hover,  #btn-audio button:hover {
  cursor: pointer;
  border: 1px solid rgb(162, 255, 0);
}

@media (max-width: 724px) {

  #cam-nav {
    width: 4%;
    height: 60vh;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    align-items: left;
    left: 20px;
    bottom: 126px;
  } 
}