@media screen and (max-width: 359px) and (orientation: portrait) {
    #twitter-icon {
        top: 75px;
        width: 70px;
        left: 65px;
    }
  
    #discord-icon {
        top: 60px;
        width: 60px;
        right: 65px;
    }
  
    #logo-maskuoff {
        width: 270px;
        margin-top: -25px
    }
  
    #maskueyes {
      width: 40%;
      min-width: 140px;
      bottom: 20%;
      left: 50%;
      transform: translateX(-50%);
    }
  
    #phrase {
      width: 90%;
      max-width: 300px;
      bottom: 15px;
      left: 50%;
      transform: translateX(-50%);
    }
  
    #devilhands1, #devilhands2, #devilhands3, #devilhands4 {
      width: 110px;
    }

    #devilhands1 {
      bottom: 60px;
      left: -30px;
    }
    #devilhands2 {
      bottom: 210px;
      left: -30px;
    }
    #devilhands3 {
      bottom: 210px;
      right: -30px;
    }
    #devilhands4 {
      bottom: 60px;
      right: -30px;
    }
  
    #devilhands1:hover, #devilhands2:hover {
      transform: translateX(30px);
    }
    #devilhands3:hover, #devilhands4:hover {
      transform: translateX(-30px);
    }
  
    #mynotes {
      right: 50%;
      transform: translateX(50%);
      width: 200px;
      bottom: 20px;
    }
}