/*VRchatアバター*/
#threeDWindow {
  position: absolute;
  top: 20px;
  left: 200px;
  width: 300px;
  height: 300px;
  z-index: 10;

  background: linear-gradient(to bottom, #f1e7e5, #e9d1d1,#c7afc7,#9b94b6,#5b6d93);

  border-radius: 12px;
  border:3px solid pink;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  
}
@font-face {
  font-family: "yurumoji";
  src: url("font/yurumoji.ttf") 
}
@font-face {
  font-family: "BlackNebula";
  src: url("font/BlackNebula.ttf") 
}
Body{
  background:linear-gradient(to bottom,#fceaea,#fadcda,#ebb9b8,#a87b80,#383644);
  background-attachment: fixed;

}

/*背景ウィンドウ*/
.VRwindow {
  width: 1200px;
  height:850px;
  margin: 0 auto;
  background:linear-gradient(to bottom,#ffedef,#fec9cf);
  border-radius: 20px;
  padding: 10px;
  overflow-y: hidden;
  position:relative;
  border:3px solid pink;

}
.VRwindow h1{
 color:#383644;
 text-align:center;
font-family:"BlackNebula";
font-size:80px;
margin:15px;
}


.VRwindow-side {
  border:2px solid pink;
  width: 15%;
  height:83%;
  margin: 10px;
  background-color:#fff;
  border-radius: 20px;
  padding: 10px;
  z-index:2;
}
.VRwindow-content{
  position:absolute;
  left:20%;
  height: 78%;
  border:2px solid pink;
  width:60%;
  padding: 20px;
  border-radius: 20px;
  background-color:#fff;
  overflow: auto;

}

.VRwindow-content img{
  width: 90%;
  height: auto;
  border-radius: 4px;
 display: block;
  margin: 10px;
 
}
.VRwindow-content p{
  color:pink;
  margin-top: 5px;
  font-family: "yurumoji";
  
}