style.css

#app {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2c3e50;
    margin: 0 auto;
    margin-top: 60px;
}

a {
    color: #60b5cc;
}

.markdown-output {
    /* CSS properties for the div itself */
    width: 100%;
    padding: 10px;
}

.markdown-output h1,
.markdown-output h2,
.markdown-output h3,
.markdown-output h4,
.markdown-output h5,
.markdown-output h6 {
    /* CSS properties for headings */
    color: blue;
}

.markdown-output p {
    /* CSS properties for paragraphs */
    line-height: 1.5;
}

button {
    background-color: #60b5cc; /* Blå bakgrundsfärg */
    color: white; /* Vit text */
    padding: 10px 20px; /* Vertikal och horisontell padding */
    border: none; /* Tar bort standardkanten */
    border-radius: 5px; /* Rundade hörn */
    font-size: 1em; /* Lämplig teckensnittsstorlek */
    cursor: pointer; /* Ändrar muspekaren till en hand när den hovrar över knappen */
    transition: background-color 0.3s; /* Gör en mjuk övergång för hover-effekten */
    margin: 5px;
}