journal.astro

<!-- journal.astro-->
---
    import Layout from "../layouts/Layout.astro";
---

<Layout>
  <form>
      <input name="title" type='text' placeholder="Title" id="title" class="title"/>
      <textarea name="body"  cols="30" rows="10" placeholder="Body..." class="body"></textarea>
      <div>
          <button class="log">Log</button>
      </div>
  </form>
</Layout>

<style>
    form{
        margin-block-start: 3rem;
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
    }

    div{
        text-align: center;
    }

    input{
        outline: none;
        border: none;
        padding: 0.7rem;
        font-family: 'Montserrat', sans serif;
        color: #333333;
        background-color: #FFFFFF;
        border-radius: 12px;    
    }

    input::placeholder{
        font-weight: bold;
        font-family: 'Montserrat', sans serif;
        color: #e2e2e2;
    }

    textarea{
        outline: none;
        border: none;
        padding: 0.7rem;
        font-family: 'Montserrat', sans serif;
        color: #333333;
        background-color: #FFFFFF;
        border-radius: 12px;  
    }

    textarea::placeholder{
        font-weight: bold;
        font-family: 'Montserrat', sans serif;
        color: #e2e2e2;
    }
</style>