.blog {
    min-height: 100vh;
    box-sizing: border-box;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .blog,
  .main::before {
    background: url("/public/image/image1.jpg") 0 / cover fixed;
    background-size: 100% 100%;
  }
  
  .mainlog {
    position: relative;
    color: rgba(0, 0, 0, 0.6);
    text-align: center;
    padding: 1em;
    width: 35%;
    min-width: 400px;
    height: 40vh;
    background: hsla(0, 0%, 100%, 0.473) border-box;
    overflow: hidden;
  
    box-shadow: 0 0 0 1px hsla(0, 0%, 100%, 0.3) inset,
      0 0.5em 1em rgba(0, 0, 0, 0.6);
    text-shadow: 0 1px 1px hsla(0, 0%, 100%, 0.3);
  }
  
  .main::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: -30px;
    z-index: -1;
    -webkit-filter: blur(20px);
    filter: blur(20px);
  }
  
  @media only screen and (max-height: 510px) {
    .blog {
      background-size: cover;
    }
    .main {
      height: 200px;
    }
    input {
      margin-top: 0px;
    }
    h1 {
      font-size: 1.8em;
      margin: 0;
    }
    h3 {
      font-size: 0.8em;
      margin: 0;
    }
  }
  
  @media only screen and (max-width: 910px) {
    .blog {
      background-size: cover;
    }
    .main {
      height: 230px;
    }
  
    h1 {
      font-size: 1.8em;
      margin: 0;
    }
    h3 {
      font-size: 0.8em;
      margin: 0;
    }
  }
  
  #text3d {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    text-transform: uppercase;
    font-family: verdana;
    font-size: 1.5em;
    font-weight: 700;
    color: #f1b900;
    text-shadow: 1px 1px 1px #ce1616, 1px 2px 1px #bdbcbc, 1px 3px 1px #a59494,
      1px 4px 1px #919191, 1px 5px 1px #919191, 1px 6px 1px #919191,
      1px 7px 1px #919191, 1px 8px 1px #919191, 1px 9px 1px #919191,
      1px 10px 1px #919191, 1px 18px 6px rgba(16, 16, 16, 0.4),
      1px 22px 10px rgba(16, 16, 16, 0.2), 1px 25px 35px rgba(16, 16, 16, 0.2),
      1px 30px 60px rgba(16, 16, 16, 0.4);
  }