@media(min-width:600px){
   .navbar{
      display: none;
   }
   .name{
      display: none;
   }
}


@media(max-width:600px){
   .side-bar{
       position: static;
       height: 100%;
       width: 100%;
       /*background: linear-gradient(-90deg, rgba(156, 7, 112, 0.986), rgba(216, 5, 47, 0.911));*/
       background-image: linear-gradient(-60deg,#003399,#e6eeff);
       /* background-color: rgba(156, 7, 112, 0.986); */

   } 
   ul{
       display: none;
   }
   .project{
       margin:0;
       padding:0;
       margin-top:70px;
   }

   .gradient-1{
       left:-1%;
       margin-top:96%;
       width:105%;
   }
   .gradient-2{
       left:-26%;
       transform:rotate(-15deg);
       margin-top:470%;
       width:155%;
   }
   .gradient-3{
       left:0;
       margin-top:800%;
       width: 100%;
       height:50% ;
   }
   .profile_shape{
       float:none;
       margin-left:18%;
   }
   .header{
       margin:0;
   }
   .column{
       width:100%;
       padding-left:10%;
   }
   .container{
       width:92%;
       padding-right: 4%;
   }
}