@media screen and (min-width: 360px) and (max-width: 413px) and (orientation: portrait) {
    #twitter-icon {
      top: 85px;
      width: 70px;
      left: 105px;
    }
  
    #discord-icon {
      top: 70px;
      width: 65px;
      right: 105px;
    }
  
    #logo-maskuoff {
      width: 300px;
      margin-top: -25px
    }

    #maskueyes {
      width: 45%;
      min-width: 150px;
      bottom: 20%;
      left: 50%;
      transform: translateX(-50%);
    }
  
    #devilhands1, #devilhands2, #devilhands3, #devilhands4 {
      width: 150px;
    }

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

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