* {
  margin: 0;
  padding: 0;
}

/* マウスカーソルを黄色ボールへ */
body {
  position: relative;
  /* cursor: none; */
  height: 100vh;
  padding: 0;
}

body a {
  position: relative;
  /* cursor: none; もともとあるカーソルは非表示に */
  /* height: 100vh; */
}

#cursor {
  position: fixed;

  /*丸の大きさと色の指定*/
  background-image: linear-gradient(110deg, #0075be 40%, #f8794e 60%);
  border-radius: 20px;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  /*真ん中にくるようにマイナスマージンで調整*/

  z-index: 1000;
  /*一番手前に来るように*/
  pointer-events: none;
  /*クリックできなくなるのを防ぐため。noneで対応*/
  opacity: 0;
}
@media screen and (max-width: 768px) {
  #cursor {
    display: none;
  }
}