.sidebarHeader {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    position:fixed;
    z-index: 9998;
    top: 300px;
   /* margin-left: 1174px;*/
    right: -145px;
    line-height:0px;
    padding: 10px;
    display: block;
    background-color:black;
    color: white;
    width:320px;
    animation: animatePopslide 2s;
    transition-delay: 0.1s;
}

  @keyframes animatePopslide {
    from {
      margin-left:1250px;
    }
    to {
      margin-left:1174px;
    }
}

.sidebarHeader h1 {
    padding:10px;
    font-family: "Century Gothic";
    font-weight: bold;
    font-size: 30px;
    text-align: center;
}

.sidebarHeader img {
    width:50px;
}