@media screen and (min-width: 414px) and (max-width: 767px) and (orientation: portrait) {
    #twitter-icon {
      top: 85px;
      width: 80px;
      left: 125px;
    }
  
    #discord-icon {
        top: 70px;
        width: 70px;
        right: 125px;
    }
  
    #logo-maskuoff {
        width: 300px;
        margin-top: -25px
    }
  
    #devilhands1, #devilhands2, #devilhands3, #devilhands4 {
      width: 160px;
    }

    #devilhands1 {
      bottom: 130px;
      left: -30px;
    }
    #devilhands2 {
      bottom: 310px;
      left: -30px;
    }
    #devilhands3 {
      bottom: 310px;
      right: -30px;
    }
    #devilhands4 {
      bottom: 130px;
      right: -30px;
    }
  
    #devilhands1:hover, #devilhands2:hover {
      transform: translateX(30px);
    }
    #devilhands3:hover, #devilhands4:hover {
      transform: translateX(-30px);
    }

    #phrase {
      width: 400px;
      left: 50%;
      transform: translateX(-50%);
    }

    #maskueyes {
        width: 50%;
        max-width: 150px;
        bottom: 20%;
        left: 50%;
        transform: translateX(-50%);
    }
  
    #mynotes {
      right: 50%;
      transform: translateX(50%);
      width: 200px;
      bottom: 20px;
    }
}