@font-face {
    font-family: 'Courgette';
    src: url('Courgette-Regular.ttf');
}

.main-title {
    font-family: 'Courgette', 'Georgia', serif;
    font-size: calc(2.5em + 0.6vw);
    color:white;
    text-shadow:3px 3px #603c84;
}

body {
    background: #ebd0ff;
    background: linear-gradient(rgba(201,190,255,.9), rgba(220,211,255,.9)), url("images/leaves.svg");
    background-position: center;
    background-repeat: repeat;
}

footer {
    background: #efefff;
}

figure.ink-image {
    border: 10px solid #ffffff;
}

.violet-background-image {
    background-image: url("images/Violets-horizontal.jpg"); /* The image used */
    background-color: #ebd0ff; /* Used if the image is unavailable */
    height: 190px; /* You must set a specified height */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
    border-bottom-style: solid;
    border-width: 20px;
    border-color: white;
}

h3 {
    background-color: white;
    transform: skew(-5deg);
    padding: 10px;
    color: #603c84;
    margin-bottom: .3em;
    opacity: 0.7;
    border-top: 1px solid purple;
}

.content {
    border-bottom: 1px solid purple;
    opacity: 0.7;
}

.long-text {
    text-align: justify;
    text-justify: inter-word;
    hyphens: auto;
}

.long-text p {
    margin-bottom: 1px;
    background-color: white;
    padding: 10px;
}

td:first-child { font-weight: bold }