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 {
  background-color: #FEF7EF; }

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

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

.action {
  color: #F23343; }
  .action:hover {
    color: #1C1C1C; }