@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;700&display=swap");
html {
  font-family: 'Cormorant Garamond'; }

body {
  margin: 0; }

a, a:visited {
  color: #df0303; }
  a:hover, a:visited:hover {
    color: #ad0202; }

/** FLEX **/
.flex {
  display: flex; }

.flex-col {
  display: flex;
  flex-direction: column; }

.flex-align-center {
  align-items: center; }

.flex-grow {
  flex: 1; }

.flex-justify-center {
  justify-content: center; }

/** HEIGHTS & WIDTHS **/
.full-height {
  height: 100%; }

.full-width {
  width: 100%; }

/** PADDING & MARGINS **/
.no-margin {
  margin: 0; }

.margin-t-auto {
  margin-top: auto; }

.margin-t-20 {
  margin-top: 20px; }

.margin-b-20 {
  margin-bottom: 20px; }

.margin-b-80 {
  margin-bottom: 80px; }

.margin-r-20 {
  margin-right: 20px; }

.margin-l-20 {
  margin-left: 20px; }

.pad-t-10 {
  padding-top: 10px; }

.pad-b-10 {
  padding-bottom: 10px; }

.pad-l-10 {
  padding-left: 10px; }

.pad-r-10 {
  padding-right: 10px; }

.pad-a-10 {
  padding: 10px; }

/** FONT SIZING **/
.font-18 {
  font-size: 18px; }

.font-20 {
  font-size: 20px; }

.font-24 {
  font-size: 24px; }

.font-size-page-title {
  font-size: 25px; }

/** COLORS **/
.black-text {
  color: black; }

.title-red {
  color: #ad0202; }

.link-red, .link-red:visited {
  color: #df0303; }
  .link-red a, .link-red a:visited, .link-red:visited a, .link-red:visited a:visited {
    color: #df0303; }
    .link-red a:hover, .link-red a:visited:hover, .link-red:visited a:hover, .link-red:visited a:visited:hover {
      color: #8f0000; }
  .link-red:hover, .link-red:visited:hover {
    color: #8f0000; }

/** CURSORS **/
.pointer {
  cursor: pointer; }

/** BORDERS **/
.border-rad-10 {
  border-radius: 10px; }

.float-left {
  float: left; }

/** FEED CARDS **/
.post_preview_card {
  border: 2px solid #ddd;
  box-shadow: 0 4px 21px -12px rgba(0, 0, 0, 0.66);
  border-radius: 10px; }

/* Target "a" only here -- not the "div" used for notes */
a.post_preview_card_link, a.post_preview_card_link:active, a.post_preview_card_link:focus, a.post_preview_card_link:visited {
  text-decoration: none; }

a.post_preview_card_link:hover h2 {
  text-decoration: underline;
  text-decoration-thickness: 0.01em; }

.post_img_container {
  max-width: 30%; }

.post_img_preview {
  max-width: 100%;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  object-fit: cover; }

/*
Image filters
*/
.grainy {
  filter: contrast(120%) brightness(90%) sepia(10%) saturate(150%) grayscale(10%); }
