@charset "UTF-8";
/* CSS Document */




body {
  width: 100%;
  height: 100vh;
	
  background-color: #fff;
  background-image: radial-gradient(circle at top right, rgba(121, 100, 154, .5),       transparent),
    radial-gradient(circle at 20% 80%, rgba(41, 196, 255, .5), transparent)
	  
 
}
canvas {
  position: fixed;
  width: 100%;
  height: 100%;
}

.content1 a {
  position: absolute;
  color: rgba(255,255,255,0.5);
  text-decoration: none;
　margin-top: 40px;
 font-family: 'IBM Plex Sans', sans-serif;
font-size:  40px;
 top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  margin: auto;




}

.content1 a:hover {
  color: #fff;
}

.content2 a {
  position: absolute;
  color: rgba(255,255,255,0.5);
  text-decoration: none;
　margin-top: 40px;
 font-family: 'IBM Plex Sans', sans-serif;
font-size:  40px;
 top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  margin: auto;

margin-top: 100px;

}

.content2 a:hover {
  color: #fff;
}

.name {
font-family: 'IBM Plex Sans', sans-serif;
font-size:  50px;
font-color: #000;
text-align: center;
margin-top: 50px;
}