html {
    border-top: 15px solid black;
}

@font-face {
    font-family: "lightacama";
    src: local(''), url('font/lightacama.woff2') format('woff2');
    src: local(''), url('font/lightacama.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: fallback;
}

body {
    font-family: "lightacama", Georgia, serif;;
}

.svg-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 15% 0 8%;
}

#content-area {
    width: 790px;
    margin: 0 auto 5%;
    line-height: 200%;
    font-size: 30px;
}

h1 {
    font-size: 30px;
    letter-spacing: 2px;
    text-decoration: underline;
    text-align: center;
    margin-bottom: 70px;
}

#content-area div {
    margin-top: 50px;
}

img {
    width: 800px;
    margin: 80px 0;
}

@media screen and (max-width: 768px) {
    img {
        width: 90%;
    }
    #content-area {
        width: 90%;
    }
}