@import url('https://fonts.googleapis.com/css2?family=Carter+One&family=PT+Mono&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap&family=Material+Symbols+Outlined');

/* layout basics */

main {
    background-image: url(./images/Abstract_ColorPatches.png);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    background-attachment:scroll;
    min-height: 100vh;
    width: 800px;
    padding: 30px;
    margin: 0 auto;
    font-family: 'PT Sans', san-serif;
    font-size: 1.1em;
}
article {
    background-color: rgba(245, 241, 240, 0.7);
    max-width: 100%;
    /* margin: 0 auto; */
    padding: 40px 30px;
}

/* typography */
h1, h2, h3 {
    font-family: 'Carter One', sans-serif;
}
h1 {
    font-size: 3em;
    /* color: rgb(red, green, blue); */
}
h3 {
    font-family: 'PT Sans', sans-serif;
}
h2, h3 {
    margin-bottom: 0;  
}
h2 + p, h3 + p, h1 + h2, h1 + h3, h2 + h3  {
    margin-top: 0;
}

p {
    line-height: 1.5em;
}
p.intro {
    font-family: 'PT Serif', serif;
    font-size: 1.3em;
}

a {
    font-family: 'PT Mono', monospace;
    color: rgb(253,48,121)
}
a:hover, a:focus-visible {
    color: rgb(25	63	199);
    text-decoration-thickness: 3px;
}

.sign {
   width: 300px;
}

/* .linkExt::after {
    content: url("images/icons/north_east_24dp_1F1F1F_FILL0_wght500_GRAD0_opsz24.svg");
    position: relative;
    top: 7px;
    fill: rgb(253,48,121)
} */

.linkExt::after{
    font-family: 'Material Symbols Outlined';
    content: "open_in_new";
}