.my_nav2 {
    position: fixed;
    grid-column: 2/ 2;
    grid-row: 1;
    bottom: 0%;
    right: 0%;


    z-index: 100;
    display: flex;
    flex-direction: column;
   
   
  }
  
  .my_nav {
    position: fixed;
    grid-column: 1 / 2;
    grid-row: 1;
    bottom: 10%;

   
    z-index: 100;
    display: flex;
    flex-direction: column;
    
   
  }
  .muse_hover_mail{
    transition: transform 0.3s ease;
    
  }
  
  .muse_hover_mail:hover {

    transform: scale(1.1) translate(-10%, -10%) ; /* Hover durumunda 1.1 kat büyüt */
    cursor: url('images/cursor2.png'), auto;
  }
  
  @media (max-width: 767px) {
    .my_nav {
        display: none;
    }
    .my_nav2 {
        display: none;
        
    }
}




@media (min-width: 3000px) {
    .my_nav2 {
        position: fixed;
    grid-column: 2/ 2;
    grid-row: 1;
    bottom: 0%;
    right: 0%;


    z-index: 100;
    display: flex;
    flex-direction: column;
    
    }

    .my_nav {
    position: fixed;
    grid-column: 2/ 2;
    grid-row: 1;
    bottom: 10%;
 
 
    z-index: 100;
    display: flex;
    flex-direction: column;
    
    }
}


.works{
    
    transform: translate(-100%, 00%);
    width: 100px;
    height: auto;
    background-color: rgb(236, 236, 26);
    
}



.about{
    transform: translate(-100%, 00%);
    width: 100px;
    height: auto;
    background-color: rgb(107, 255, 117);
    
}
.CV{
    transform: translate(-100%, 00%);
    width: 100px;
    height: auto;
    background-color: rgb(26, 141, 236);
    
}

.works:hover {
    cursor: url('images/cursor2.png'), auto;
  }
  .about:hover {
    cursor: url('images/cursor2.png'), auto;
  }
  .CV:hover {
    cursor: url('images/cursor2.png'), auto;
  }
#rotate90{
        -webkit-transform: rotate(8deg);
        -moz-transform: rotate(8deg);
        -o-transform: rotate(8deg);
        -ms-transform: rotate(8deg);
        transform: rotate(8deg);
  
}

#rotate5{
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);


}

#rotate3{
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate-(3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
   
}

#rotate-5{
    -webkit-transform: rotate(-5eg);
    -moz-transform: rotate(-5deg);
    -o-transform: rotate-(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
   
}