#sidenae a{
  text-decoration:none;
  font-size:20px;
  color:white;
  position: fixed;
  border-radius:0 5px 5px 0px;
  right:50px;
  transition:0.3s;
  border:2px solid #c2e9fb;
  
  width:105px;
  margin-left:10px;
}
i{
padding-right:10px;
 padding-left:10px
  
}
#sidenae a:hover{
right:120px; 
 text-align:center;
}
#sidenae a:hover i{
display:;
}
#kbout{
  top:20px;
  background-image: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%);
}
#klog{
 /* top:50px;*/
  background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);
}
#krojects{
  /*top:80px;*/
  background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
}
#kontact{
  /*top:110px;*/
 background-image: linear-gradient(to top, #fbc2eb 0%, #a6c1ee 100%);
}