.langs-div {
    display:grid;
    grid-template-columns: 6fr 0.5fr;
    margin-top:1.3vh;
}

.langbutton {
    width:30px !important;
    height:30px;
    font-size: 11px !important;
    display: inline-block;
    border: none;
}
.navbar-fixed-top{
  width:100%;
  height:10%;
}

.shadow{
  z-index:2;
  position: absolute;
  top:0px;
 left:0px; 
  width:100%;
  height:100vh;
  background: rgba(0,0,0,0.6);
  display:flex;
  justify-content: center;
  align-items: center;
}
.shadow p, .shadow h1 {
  color:#000 !important;
}
.main-modal{
  width:80%;
  height:50vh;
  overflow-y: auto;
  background: #fff;
  padding: 20px;
}

.hideModal{
    z-index:-1;
    opacity:0;
  animation: hide .25s;
  
transform: scale(0);
}@keyframes hide {
  from{
      z-index:2;
transform: scale(1);
    opacity:1;
  } to{
      z-index:-1;
transform: scale(0);
    opacity: 0;
  }
}
.showModal{
  opacity:1;
    z-index:2;
  animation: show .2s;
  
transform: scale(1);
}
@keyframes show {
  from{
    
transform: scale(0);
    opacity:0;
      z-index:-1;
  } to{
    
transform: scale(1);
    opacity: 1;
      z-index:2;
  }
}

 /* The Close Button */
 .close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}