@media screen and (min-width: 768px) and (max-width: 1024px) and (min-height: 600px),
       screen and (min-device-width: 768px) and (max-device-width: 1024px) and (min-device-height: 600px),
       screen and (min-width: 834px) and (max-width: 1112px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (min-width: 912px) and (max-width: 1368px) and (min-height: 600px)
        {
  
  #twitter-icon {
    top: 25px;
    width: 100px;
    left: 60px;
  }

  #discord-icon {
    top: 5px;
    width: 90px;
    right: 60px;
  }

  #logo-maskuoff {
    width: 400px;
    margin-top: -25px;
  }

  #devilhands1, #devilhands2, #devilhands3, #devilhands4 {
    width: 230px;
  }

  #devilhands1 {
    bottom: 165px;
    left: -30px;
  }

  #devilhands2 {
    bottom: 425px;
    left: -30px;
  }

  #devilhands3 {
    bottom: 425px;
    right: -30px;
  }

  #devilhands4 {
    bottom: 165px;
    right: -30px;
  }

  #devilhands1:hover, #devilhands2:hover {
    transform: translateX(30px);
  }

  #devilhands3:hover, #devilhands4:hover {
    transform: translateX(-30px);
  }

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

  #maskueyes {
    width: 40%;
    min-width: 150px;
    bottom: 20%;
    left: 50%;
    transform: translateX(-50%);
  }

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