*  
  
  {
   margin: 0;
   padding: 0;
  }

  
   .board_wrap {
        width: 100%;
        min-width: 320px;
        padding: 0 30px;
        box-sizing: border-box;
    }


    .board_write .title dt,
    .board_write .info dt {
        display: none;
    }

    .board_write .title dd{
        width: 100%;
    }

    .board_write .title input[type="text"]{
        width: 100%;
    }
  
    html {
        font-size: 10px;
     }
    
     ul, li {
        list-style: none;
     }
    
     a {
        text-decoration: none;
        color: inherit;
     }
    
     .board_wrap {
        width: 1000px;
        margin: 100px auto;
     }
    
     .board_title {
        margin-bottom: 30px;
     }
    
     .board_title strong {
        font-size: 3rem;
     }
    
     .board_title p {
        margin-top: 5px;
        font-size: 1.4rem;
     }
    
     .bt_wrap {
        margin-top: 30px;
        text-align: center;
        font-size: 0;
     }
    
     .bt_wrap a {
        display: inline-block;
        min-width: 80px;
        margin-left: 10px;
        padding: 10px;
        border: 1px solid rgb(0, 0, 0);
        border-radius: 2px;
        font-size: 1.4rem;
     } 
    
    
    
    
     .board_write {
        border-top: 2px solid rgb(0, 0, 0);
     }
    
     .board_write .title {
        padding: 15px;
     }
    
    
    
     .board_write .title dl {
        font-size: 0;
     }
    
    
    
     .board_write .title dt,
     .board_write .title dd{
        display:inline-block;
        vertical-align: middle;
        font-size: 1.4rem;
     }
    
     .board_write .title dt{
        width: 100px;
     }
    
     .board_write .title dd {
        width: calc(100% - 100px);
     }
    
     .board_write .title input[type="text"] {
        padding: 10px;
        box-sizing: border-box;
     }
    
     .board_write .title input[type="text"] {
        width: 80%;
     }
    
    
    
     .board_write .cont textarea {
        display: block;
        width: 100%;
        height: 300px;
        padding: 10px;
        box-sizing: border-box;
        border: solid 2px rgb(0, 0, 0);
        border-radius: 5px;
        font-size: 16px;
        resize: none;
     }
    
    
     .button {
        padding: 1em 1.5em;
        font-size: 1em;
        font-weight: 400;
        font-family: "Helvetica", "Arial", sans-serif;
        border-radius: 4px;
        cursor: pointer;
        appearance: none;
        border: none;
        color: #ffffff;
        margin-bottom: 20px;
        width: 100px;
      }
      
      .button-first {
        background: linear-gradient(to right, #e55d87, #5fc3e4);
        box-shadow: 0 2px 25px rgba(229, 93, 135, 0.5);
      }
      
      .button-first:active {
        background: linear-gradient(to right, rgba(229, 93, 135, 0.9), rgba(95, 195, 228, 0.9));
      }
      
      .button-second {
        background: linear-gradient(to right, #1488cc, #2b32b2);
        box-shadow: 0 2px 25px rgba(20, 137, 204, 0.5);
      }
      
      .button-second:active {
        background: linear-gradient(to right, rgba(20, 136, 204, 0.9), rgba(43, 50, 178, 0.9));
      }
      
      .button:focus {
        outline: none;
      }
    
      
      
      
      
      .center {
         position: auto;
         top: 80%;
         left: 50%;
         display: flex;
         flex-direction: column;
         align-items: center;
       }




       particle {
         left: 0;
         top: 0;
         pointer-events: none;
         position: fixed;
         opacity: 0;
       }