body {
    background-image: url('https://cdn.jsdelivr.net/gh/bei-ko/bei-ko.github.io/webs/12.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    user-scalable: no; 
  }
  .scrollable-container {
    overflow: scroll;
  }
.overlay img.a {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .overlay h1 {
    text-align: center;
  }   /*让博客头像和标题居中*/

.overlay p{
    text-align: center;
}
/*以下为粒子效果*/
  #particle-container {
      position: fixed;
      top: 0;
      left: 0;
      pointer-events: none;
      z-index: 9999;
  }

  canvas {
      position: absolute;
      top: 0;
      left: 0;
  }
  
/* Container*/

.container {
  background-color: #0FFFFF55;
  margin-left: 1.5em;
  margin-right: 1.5em;
  border-radius: 2em;
  padding: 2em;
  margin-bottom: 1em;
  backdrop-filter: contrast(200%);
}

a {
  color: #00cdcd;
}

@media all and (orientation: landscape){
  .flex {
    display: flex;
  }
  .container {
    vertical-align: top;
  }
  .body {
    float: right;
    width: 77%;
  }
}