img {
  border-radius: 16px;
  filter: drop-shadow(0px 3px 1rem rgba(0, 0, 0, 0.2));
  margin: 2rem auto;
  display: block; }

@media screen and (max-width: 60em) {
  img {
    border-radius: 14px; } }

@media screen and (max-width: 30em) {
  img {
    border-radius: 6px; } }

strong img {
  border-radius: 0;
  filter: none;
  margin: 0;
  display: inline;
  object-fit: cover;
  margin-right: 2px;
  margin-bottom: -1px;
  height: 1rem; }

video {
  border-radius: 16px;
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.5); }

p {
  font-size: 16px; }

body {
  color: #f4f4f4;
  background-color: #201D22; }

h1, h2, h3, h4, h5, h6 {
  color: #FEF7EF; }

main a:not(.link) {
  color: #FBAB7E !important;
  box-shadow: inset 0 -0.1em 0 0 #3a343e; }
  main a:not(.link):hover {
    color: #FFD586 !important;
    box-shadow: inset 0 -0.25em 0 0 #FFD586; }

.site-brand,
.site-links a,
.site-header .social-icon-links a,
.site-footer .social-icon-links a {
  color: #f4f4f4 !important;
  font-weight: 500; }

.blog-title {
  letter-spacing: 0; }

#blog-logo {
  filter: saturate(1.6); }
  #blog-logo #pcb-logo-border {
    stroke: #ffe4c4; }

#logo-border {
  fill: #ffe4c4; }

.link:focus,
form :focus[type=button],
form :focus[type=reset],
form :focus[type=submit],
.home .action.button:focus,
.home .action.text:focus {
  background-color: #FAFAFA;
  color: #1C1C1C !important; }

dark-mode-toggle:focus-visible, dark-mode-toggle:focus, dark-mode-toggle:hover {
  filter: drop-shadow(0 4px 0.55rem crimson); }

dark-mode-toggle, dark-mode-toggle:focus, dark-mode-toggle:hover {
  outline: none !important;
  transition: filter .3s ease-out; }

.action {
  color: #FFB500; }
  .action:hover {
    color: #FAFAFA; }