.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;	
    background-color:rgba(0,0,0,1);
    overflow-x: hidden;
    transition: 0.0s;
    padding-top: 0px;
}
.loader {
  border:  2px solid white;
  border-radius: 50%;
  border-top: 2px solid red;
  border-right:  2px solid white;
  border-bottom:  2px solid red;
  margin-top:20%;
  transition: 1s;
  max-speed: 1s;
  width: 111px;
  height: 111px;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}