@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
body {
  color: black;
  background: url("woodtile.png");
}
h1 {
  border-radius: 25px/50%;
  backdrop-filter: contrast(50%) brightness(135%);
  text-shadow: 0 6px 5px rgba(0,0,0,0.25);
}
h2 {
  color: transparent;
  text-shadow: 0 2px 2px rgba(255,255,255,0.6), 0 0 0 rgba(0,0,0,0.85);
}
h3, h4, table th:first-child {
  font-family: "Rubik", sans-serif, 'Fluent Emoji Color', sans-serif;
  font-weight:700;
}

locked::after {
  background: url("woodtile.png");
  backdrop-filter: brightness(50%);
}

main {
  background-image: url("https://github.com/AntonXCM/gianter-pictures/blob/main/%D0%A2%D0%B0%D0%B9%D0%BB.png?raw=true");
  background-color: #F8F8E5;
  background-repeat: repeat-x;
  animation: moveBackround 120s linear infinite;
}

@keyframes moveBackround {
  0% { background-position: 0 0; }
  100% { background-position: -100% 0; }
}

main img, iframe:not(.unstyled), table {
  border: 2px solid black;
}
main img, iframe:not(.unstyled) {
  border-radius: 25px;
  margin-right: 5px;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  animation: wind 5s ease-in-out infinite;
  animation-direction: alternate;
}

@keyframes wind {
  0%   { transform: rotate(-0.5deg); }
  100% { transform: rotate(0.5deg); }
}
  
nav {
  box-shadow: 20px 0 10px -10px rgba(0,0,0,0.25) inset;
}
nav img {
  background: url("antonxFMshadow.png");
}

code {
  color: rgba(0, 0, 0, 0.6)
}

a, h3, h4, table th:first-child {
  color: #8455A9;
}
code, a {
  text-shadow: none
}

small {
  color: black;
}

details {
  background: white;
  margin: 5px;
}
details summary {
  background: #F8F8E5;
}
details ul {
  box-shadow: 0 5px 10px rgba(0,0,0,0.5);
}

hr {
  border: none;
  width: 90%;
  height: 20px;
  background: url("hr.png") repeat-x center;
}

.particle {
  background: url("leaf.png");
  background-size: cover;
  position: absolute;
  width: 192px;
  height: 192px;
}

.light {
  background: radial-gradient(closest-side, rgba(255,255,255,0.15), black);
  width: 1000px;
  height: 1000px;
  position: absolute;
  mix-blend-mode: screen;
}