/* activitypub.rocks website
   Copyright © 2016 Christine Lemmer-Webber <cwebber@dustycloud.org>
   Copyright © 2025 W3C Social Web Community Group

   This program is free software: you can redistribute it and/or modify
   it under the terms of the GNU General Public License as published by
   the Free Software Foundation, either version 3 of the License, or
   (at your option) any later version.

   This program is distributed in the hope that it will be useful,
   but WITHOUT ANY WARRANTY; without even the implied warranty of
   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
   GNU General Public License for more details.

   You should have received a copy of the GNU General Public License
   along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    src: url('../fonts/pt_sans/PT_Sans-Web-Regular.ttf');
}

@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/pt_sans/PT_Sans-Web-Bold.ttf');
}

@font-face {
    font-family: 'PT Sans';
    font-style: italic;
    src: url('../fonts/pt_sans/PT_Sans-Web-Italic.ttf');
}


@font-face {
    font-family: 'PT Sans';
    font-style: italic;
    font-weight: bold;
    src: url('../fonts/pt_sans/PT_Sans-Web-BoldItalic.ttf');
}

html {
    height: 100%;
}

body {
    background-color: #fcf9ff;
    color: #6d6d6d;
    padding-left: 20px;
    padding-right: 20px;
    height: 100%;
    max-width: 1024px;
    margin: 0 auto;
    font-family: 'PT Sans';
    display: flex;
    flex-direction: column;
    line-height: 1.5;
    font-size: 18pt;
    min-width: 500px;
}

h1, h2 {
    text-align: center;
}

h2 {
    color: #5a4a73;
    margin: 5px;
    font-size: 20pt;
}
h2::before {
    content: "~= ";
}
h2::after {
    content: " =~";
}

a {
    color: #F1007E;
    text-decoration: none;
    transition: text-shadow .5s;
}

a:hover {
    text-shadow: 0px 0px 2px #ffb0fe;
}

a:visited {
    color: #a1363d;
    text-decoration: none;
}

ul {
    margin: 24px 0;
}
li, li > p {
    margin: 0;
}
code {
    color: #5a4a73;
}

header {
    text-align: center;
    font-size: 25pt;
    font-weight: bold;
    margin: 18px 10px 0;
}

header a {
    color: #313152;
    text-shadow: 0px 0px 1px #e66283;
    transition: text-shadow 1s, color 1s;
}

header a:hover {
    text-shadow: 0px 0px 2px #6abdcd;
    color: #7362ac;
}

.read-it {
    font-weight: bold;
    color: #5a4a73;
    text-align: center;
}

div.box {
    margin-top: 50px;
    margin-left: 40px;
    margin-right: 40px;
    margin-bottom: 40px;
    border-radius: 10px;
    border: 3px dotted #cacae4;
    background: #ffffff;
    padding: 10px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 16pt;
}

.news-feed-item-date {
    font-size: 12pt;
}

div.blogpost {
    border-radius: 5px;
    border: 3px solid #cacae4;
    background: #ffffff;
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16pt;
}

header.post-title {
    padding: 5px;
    font-size: 20pt;
    text-align: center;
}

.blogpost .post-about {
    text-align: center;
    color: #9c9cb4;
    font-size: .75em;
}

main img {
    display: block;
    margin: auto;
    max-width: 100%;
    height: auto;
}

footer {
    font-size: 10pt;
    text-align: center;
    /* This is used to make the footer "flush" with the rest of the page */
    margin-top: auto;
    padding-top: 10px;
    padding-bottom: 8px;
}

footer a:hover {
    text-shadow: 0px 0px 1px #a981a9;
}