@import url('https://fonts.googleapis.com/css?family=Montserrat:600&display=swap');

#nav nav{
  position: fixed;
  width: 50px;
  z-index: 9999;
  margin-top: 150px;
  transition: all 0.3s linear;
  box-shadow: 2px 2px 8px 0px rgba(0,0,0,.4);
}
#nav nav li{
  height: 60px;
  position:relative;
}
#nav nav li a{
  color: white;
  display: block;
  height: 100%;
  width: 100%;
  line-height: 60px;
  padding-left:20%;
  border-bottom: 1px solid rgba(0,0,0,.4);
  transition: all .3s linear;
}
#nav nav li:nth-child(1) a{
  background: #4267B2;
}
#nav nav li:nth-child(2) a{
  background: #1DA1F2;
}
#nav nav li:nth-child(3) a{
  background: #E1306C;
}
#nav nav li:nth-child(4) a{
  background: #2867B2;
}
#nav nav li:nth-child(5) a{
  background: #333;
}
#nav nav li:nth-child(6) a{
  background: #ff0000;
}
#nav nav li a i{
  position:absolute;
  top: 17px;
  left: 13px;
  font-size: 27px;
}
#nav ul li a span{
  display: none;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
}
#nav a:hover {
  z-index:1;
  width: 140px;
  border-bottom: 1px solid rgba(0,0,0,.5);
  box-shadow: 0 0 1px 1px rgba(0,0,0,.3);
}
#nav ul li:hover a span{
  padding-left: 25%;
  display: block;
}


/*publication table*/

.pub_tab{
 width: 80%;
}
.pub_tab td i{
 color:#ff5722;         
}
.pub_tab td a{
 font-size: 18px;
 margin-left:15px;
 transition: 1s ease all;
}
.pub_tab th,.pub_tab td{
 padding: 10px;
 border: 1px solid #ff5722;
}
.pub_tab td a:hover{
 transform: scale(1.6);
}

/*..............work & activity...........*/

.work img{
  transition: 1s ease all;
  border-radius: 10px;
}
.work img:hover{
  transform: translateY(-10px);
  opacity: 0.6;
  cursor: pointer;
}


@media only screen and (max-width: 600px) {

#nav nav{
  position: fixed;
  width: 50px;
  z-index: 9999;
  opacity: 0.6;
  margin-top: 150px;
  transition: all 0.3s linear;
  box-shadow: 2px 2px 8px 0px rgba(0,0,0,.4);
 }
  
}