#sidebar {
    position: fixed;
    width: 120px;
    top: 60px;
    height: 100vh;
    z-index: 100;
    background-color: rgba(238,238,238 ,1);
    overflow:hidden;
    transition:width .3s ease;
    cursor:pointer;
    box-shadow:4px 7px 10px rgba(0,0,0,.4);
    &:hover {
      width:200px;
    }
    @media screen and (min-width: 600px) {
      width: 80px;
    }
  }
  
  .ulsidenav {
    list-style-type: none;
    color:white;
    /*&:first-child {
      padding-top:1.5rem;
    }*/
    padding-left: 10px;
  }
/*
class="ulsidenav" style="padding-left: 15px;"

class="icon-film babelfish"

font size (icon + text 1em)


*/
  
  .sideitems {
    padding-top:1.5rem;
    padding-bottom:1.5rem;
    font-family: 'roboto';
     
      position: relative;
      display:block;

      transition:all .3s ease;

      text-decoration: none;
      font-family: 'roboto';
      font-weight: 100;
      font-size: 1.0em;
       &:after {
         content:'';
         width: 100%;
         height: 100%;
         position: absolute;
         top:0;
         left:0;
         border-radius:2px;
         background:radial-gradient(circle at 94.02% 88.03%, #54a4ff, transparent 100%);
         opacity:0;
         transition:all .5s ease;
         z-index: -10;
    }
    &:hover a:after {
      opacity:1;
    }
     svg{
      width:26px;
      height:26px;
      position: relative;
      left:-25px;
      cursor:pointer;
      @media screen and(min-width:600px) {
        width:32px;
      height:32px;
  left:-15px;
      }
    }
  }
  /*
  body {
    height: 100vh;
    background: radial-gradient(circle at 94.02% 88.03%, #54a4ff, transparent 100%),radial-gradient(circle at 25.99% 27.79%, #ff94fb, transparent 100%),radial-gradient(circle at 50% 50%, #000000, #000000 100%);
  }
  
  h1 {
    margin-top: 6rem;
    margin-left:80px;
    text-align: center;
    font-family: 'Roboto';
    font-weight: 100;
    font-size: 4rem;
    text-transform:uppercase;
    color:white;
    letter-spacing:6px;
    text-shadow:10px 10px 10px rgba(0,0,0,.3);
  }  
  */