body{
    background: rgb(253, 247, 227);
     /* 2つのグラデーションを重ねる */
    background:
    radial-gradient(circle at top left, #c0a080 20%, transparent 21%), /* 小さなドット */
    radial-gradient(circle at top left, #e0c3a0 20%, transparent 21%); /* 少し明るいドット */
    
    /* グラデーションの繰り返しのサイズを決定 */
    background-size: 2px 2px;
    
    /* 2つのグラデーションの位置をずらすことでドット柄を形成 */
    background-position: 0 0, 1px 1px;
    
    /* 必要に応じて背景全体のサイズを指定 */
    width: 100%;
    height: 500px;
}

body,div,p,h1,h2,h3,h4,ul,ol,li,a{
    margin: 0px;
    padding: 0px;
}

.comic-neue-regular {
    font-family: "Comic Neue", cursive;
    font-weight: 400;
    font-style: normal;
  }




.sand-pattern {
    /* 2つのグラデーションを重ねる */
    background:
      radial-gradient(circle at top left, #c0a080 20%, transparent 21%), /* 小さなドット */
      radial-gradient(circle at top left, #e0c3a0 20%, transparent 21%); /* 少し明るいドット */
  
    /* グラデーションの繰り返しのサイズを決定 */
    background-size: 2px 2px;
  
    /* 2つのグラデーションの位置をずらすことでドット柄を形成 */
    background-position: 0 0, 1px 1px;
  
    /* 必要に応じて背景全体のサイズを指定 */
    width: 100%;
    height: 500px;
  }