/**
 * Theme Name:         Jota Landing
 * Description:        Custom theme
 * Version:            1.0
 * Author:             Jota Studio
 * Author URI:         https://jotastudio.org
 * Tags:               blog,
 * Text Domain:        bjota
 * Tested up to:       6.8.3
 * Requires at least:  6.8
 * Requires PHP:       8.2
 * License:            Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International
 * License URI:        https://creativecommons.org/licenses/by-nc-nd/4.0/
 */
body {
  background-color: #07071c;
  background-image: url("https://transparenttextures.com/patterns/carbon-fibre.png");
  animation: moves 200s infinite;
  color: #fffff0;
}
@keyframes moves {
  0% {
    background-position: 100% 100%;
  }
  50% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 100% 100%;
  }
}
body,
body * {
  margin: 0;
}
body main,
body * main {
  display: flex;
  flex-direction: column;
  width: 100vw;
  height: calc(100vh - 1rem);
  justify-content: center;
  align-items: center;
}
body main h1,
body * main h1 {
  font-family: "Moirai One", sans-serif;
  font-size: clamp(3rem, -8.25rem + 36vw, 12rem);
  background-image: radial-gradient(circle, rgba(255, 255, 240, 0.99) 0%, rgb(7, 7, 28) 100%);
  background-size: auto auto;
  background-clip: text;
  background-size: 200% auto;
  -webkit-text-fill-color: transparent;
  animation: tmoves 20s ease-out infinite;
}
@keyframes tmoves {
  0% {
    background-position: 0% center;
  }
  50% {
    background-position: 100% center;
  }
  100% {
    background-position: 200% center;
  }
}
body main h2,
body * main h2 {
  font-family: "Diphylleia", serif;
  font-size: clamp(1rem, -0.875rem + 6vw, 2.5rem);
  color: #454551;
  animation: t2moves 20s linear infinite;
}
@keyframes t2moves {
  0% {
    color: transparent;
  }
  50% {
    color: #454551;
  }
  100% {
    color: transparent;
  }
}
body .pretty,
body * .pretty {
  display: flex;
  flex-wrap: wrap;
  gap: 20vw;
  position: fixed;
  top: 0;
}
body .pretty > div,
body * .pretty > div {
  border-radius: 10rem;
}
body .pretty > div:nth-of-type(1),
body * .pretty > div:nth-of-type(1) {
  position: relative;
  filter: blur(0.9697107286rem);
  border: solid #2c2c3c 5vw;
  animation: balls3 60s infinite;
}
@keyframes balls {
  0% {
    transform: translate(97vw, 9vh);
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: translate(-51vw, 84vh);
    opacity: 1;
  }
}
@keyframes balls2 {
  0% {
    transform: translate(62vw, 12vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(14vw, 52vh);
    opacity: 1;
  }
}
@keyframes balls3 {
  0% {
    transform: translate(55vw, 21vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(49vw, 64vh);
    opacity: 1;
  }
}
@keyframes balls4 {
  0% {
    transform: translate(75vw, 70vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(-14vw, 9vh);
    opacity: 1;
  }
}
body .pretty > div:nth-of-type(2),
body * .pretty > div:nth-of-type(2) {
  position: relative;
  filter: blur(0.9697107286rem);
  border: solid #454551 5vw;
  animation: balls3 60s infinite;
}
@keyframes balls {
  0% {
    transform: translate(49vw, 83vh);
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: translate(-83vw, 52vh);
    opacity: 1;
  }
}
@keyframes balls2 {
  0% {
    transform: translate(22vw, 73vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(57vw, -17vh);
    opacity: 1;
  }
}
@keyframes balls3 {
  0% {
    transform: translate(31vw, 76vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(-47vw, 31vh);
    opacity: 1;
  }
}
@keyframes balls4 {
  0% {
    transform: translate(92vw, 63vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(5vw, 32vh);
    opacity: 1;
  }
}
body .pretty > div:nth-of-type(3),
body * .pretty > div:nth-of-type(3) {
  position: relative;
  filter: blur(0.1805249135rem);
  border: solid #131327 5vw;
  animation: balls2 60s infinite;
}
@keyframes balls {
  0% {
    transform: translate(15vw, 36vh);
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: translate(-45vw, 6vh);
    opacity: 1;
  }
}
@keyframes balls2 {
  0% {
    transform: translate(27vw, 80vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(66vw, -42vh);
    opacity: 1;
  }
}
@keyframes balls3 {
  0% {
    transform: translate(21vw, 45vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(-24vw, -28vh);
    opacity: 1;
  }
}
@keyframes balls4 {
  0% {
    transform: translate(93vw, 83vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(-79vw, 6vh);
    opacity: 1;
  }
}
body .pretty > div:nth-of-type(4),
body * .pretty > div:nth-of-type(4) {
  position: relative;
  filter: blur(0.9697107286rem);
  border: solid #131327 5vw;
  animation: balls3 60s infinite;
}
@keyframes balls {
  0% {
    transform: translate(8vw, 3vh);
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: translate(-18vw, 32vh);
    opacity: 1;
  }
}
@keyframes balls2 {
  0% {
    transform: translate(18vw, 33vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(-15vw, 16vh);
    opacity: 1;
  }
}
@keyframes balls3 {
  0% {
    transform: translate(4vw, 61vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(-51vw, -3vh);
    opacity: 1;
  }
}
@keyframes balls4 {
  0% {
    transform: translate(88vw, 3vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(-21vw, -72vh);
    opacity: 1;
  }
}
body .pretty > div:nth-of-type(5),
body * .pretty > div:nth-of-type(5) {
  position: relative;
  filter: blur(0.1805249135rem);
  border: solid #454551 5vw;
  animation: balls 60s infinite;
}
@keyframes balls {
  0% {
    transform: translate(15vw, 38vh);
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: translate(15vw, -68vh);
    opacity: 1;
  }
}
@keyframes balls2 {
  0% {
    transform: translate(47vw, 38vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(53vw, 44vh);
    opacity: 1;
  }
}
@keyframes balls3 {
  0% {
    transform: translate(1vw, 10vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(-12vw, 43vh);
    opacity: 1;
  }
}
@keyframes balls4 {
  0% {
    transform: translate(70vw, 62vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(30vw, -67vh);
    opacity: 1;
  }
}
body .pretty > div:nth-of-type(6),
body * .pretty > div:nth-of-type(6) {
  position: relative;
  filter: blur(0.1805249135rem);
  border: solid #131327 5vw;
  animation: balls4 60s infinite;
}
@keyframes balls {
  0% {
    transform: translate(41vw, 13vh);
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: translate(77vw, 19vh);
    opacity: 1;
  }
}
@keyframes balls2 {
  0% {
    transform: translate(27vw, 25vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(-44vw, -26vh);
    opacity: 1;
  }
}
@keyframes balls3 {
  0% {
    transform: translate(13vw, 58vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(-99vw, -79vh);
    opacity: 1;
  }
}
@keyframes balls4 {
  0% {
    transform: translate(83vw, 37vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(61vw, -69vh);
    opacity: 1;
  }
}
body .pretty > div:nth-of-type(7),
body * .pretty > div:nth-of-type(7) {
  position: relative;
  filter: blur(0.3028192703rem);
  border: solid #131327 5vw;
  animation: balls3 60s infinite;
}
@keyframes balls {
  0% {
    transform: translate(87vw, 19vh);
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: translate(4vw, -84vh);
    opacity: 1;
  }
}
@keyframes balls2 {
  0% {
    transform: translate(100vw, 62vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(-24vw, 47vh);
    opacity: 1;
  }
}
@keyframes balls3 {
  0% {
    transform: translate(74vw, 67vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(-49vw, -17vh);
    opacity: 1;
  }
}
@keyframes balls4 {
  0% {
    transform: translate(39vw, 12vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(59vw, -29vh);
    opacity: 1;
  }
}
body .pretty > div:nth-of-type(8),
body * .pretty > div:nth-of-type(8) {
  position: relative;
  filter: blur(0.9697107286rem);
  border: solid #2c2c3c 5vw;
  animation: balls 60s infinite;
}
@keyframes balls {
  0% {
    transform: translate(60vw, 12vh);
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: translate(-9vw, 19vh);
    opacity: 1;
  }
}
@keyframes balls2 {
  0% {
    transform: translate(87vw, 59vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(59vw, -2vh);
    opacity: 1;
  }
}
@keyframes balls3 {
  0% {
    transform: translate(83vw, 73vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(19vw, -51vh);
    opacity: 1;
  }
}
@keyframes balls4 {
  0% {
    transform: translate(73vw, 40vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(57vw, 70vh);
    opacity: 1;
  }
}
body .pretty > div:nth-of-type(9),
body * .pretty > div:nth-of-type(9) {
  position: relative;
  filter: blur(0.3028192703rem);
  border: solid #454551 5vw;
  animation: balls3 60s infinite;
}
@keyframes balls {
  0% {
    transform: translate(37vw, 26vh);
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: translate(-64vw, -88vh);
    opacity: 1;
  }
}
@keyframes balls2 {
  0% {
    transform: translate(87vw, 99vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(71vw, -46vh);
    opacity: 1;
  }
}
@keyframes balls3 {
  0% {
    transform: translate(14vw, 81vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(-51vw, -15vh);
    opacity: 1;
  }
}
@keyframes balls4 {
  0% {
    transform: translate(51vw, 16vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(71vw, -90vh);
    opacity: 1;
  }
}
body .pretty > div:nth-of-type(10),
body * .pretty > div:nth-of-type(10) {
  position: relative;
  filter: blur(0.3028192703rem);
  border: solid #393946 5vw;
  animation: balls 60s infinite;
}
@keyframes balls {
  0% {
    transform: translate(78vw, 3vh);
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: translate(-33vw, 100vh);
    opacity: 1;
  }
}
@keyframes balls2 {
  0% {
    transform: translate(9vw, 61vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(65vw, 24vh);
    opacity: 1;
  }
}
@keyframes balls3 {
  0% {
    transform: translate(60vw, 84vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(46vw, 39vh);
    opacity: 1;
  }
}
@keyframes balls4 {
  0% {
    transform: translate(32vw, 77vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(30vw, -2vh);
    opacity: 1;
  }
}
body .pretty > div:nth-of-type(11),
body * .pretty > div:nth-of-type(11) {
  position: relative;
  filter: blur(0.1805249135rem);
  border: solid #393946 5vw;
  animation: balls 60s infinite;
}
@keyframes balls {
  0% {
    transform: translate(82vw, 5vh);
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: translate(40vw, -70vh);
    opacity: 1;
  }
}
@keyframes balls2 {
  0% {
    transform: translate(27vw, 96vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(60vw, -100vh);
    opacity: 1;
  }
}
@keyframes balls3 {
  0% {
    transform: translate(99vw, 20vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(-89vw, -64vh);
    opacity: 1;
  }
}
@keyframes balls4 {
  0% {
    transform: translate(48vw, 47vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(50vw, -52vh);
    opacity: 1;
  }
}
body .pretty > div:nth-of-type(12),
body * .pretty > div:nth-of-type(12) {
  position: relative;
  filter: blur(0.6521921712rem);
  border: solid #2c2c3c 5vw;
  animation: balls4 60s infinite;
}
@keyframes balls {
  0% {
    transform: translate(37vw, 11vh);
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: translate(50vw, 48vh);
    opacity: 1;
  }
}
@keyframes balls2 {
  0% {
    transform: translate(63vw, 6vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(100vw, -33vh);
    opacity: 1;
  }
}
@keyframes balls3 {
  0% {
    transform: translate(73vw, 15vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(-25vw, 53vh);
    opacity: 1;
  }
}
@keyframes balls4 {
  0% {
    transform: translate(90vw, 91vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(62vw, -41vh);
    opacity: 1;
  }
}
body .pretty > div:nth-of-type(13),
body * .pretty > div:nth-of-type(13) {
  position: relative;
  filter: blur(0.3028192703rem);
  border: solid #2c2c3c 5vw;
  animation: balls2 60s infinite;
}
@keyframes balls {
  0% {
    transform: translate(67vw, 97vh);
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: translate(-34vw, -64vh);
    opacity: 1;
  }
}
@keyframes balls2 {
  0% {
    transform: translate(14vw, 86vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(1vw, -9vh);
    opacity: 1;
  }
}
@keyframes balls3 {
  0% {
    transform: translate(21vw, 62vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(66vw, -43vh);
    opacity: 1;
  }
}
@keyframes balls4 {
  0% {
    transform: translate(61vw, 4vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(42vw, -40vh);
    opacity: 1;
  }
}
body .pretty > div:nth-of-type(14),
body * .pretty > div:nth-of-type(14) {
  position: relative;
  filter: blur(0.1805249135rem);
  border: solid #131327 5vw;
  animation: balls3 60s infinite;
}
@keyframes balls {
  0% {
    transform: translate(39vw, 19vh);
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: translate(-32vw, 72vh);
    opacity: 1;
  }
}
@keyframes balls2 {
  0% {
    transform: translate(6vw, 21vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(28vw, -73vh);
    opacity: 1;
  }
}
@keyframes balls3 {
  0% {
    transform: translate(8vw, 1vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(79vw, -87vh);
    opacity: 1;
  }
}
@keyframes balls4 {
  0% {
    transform: translate(65vw, 89vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(58vw, -2vh);
    opacity: 1;
  }
}
body .pretty > div:nth-of-type(15),
body * .pretty > div:nth-of-type(15) {
  position: relative;
  filter: blur(0.1805249135rem);
  border: solid #393946 5vw;
  animation: balls 60s infinite;
}
@keyframes balls {
  0% {
    transform: translate(65vw, 92vh);
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: translate(-4vw, -15vh);
    opacity: 1;
  }
}
@keyframes balls2 {
  0% {
    transform: translate(46vw, 51vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(-82vw, -100vh);
    opacity: 1;
  }
}
@keyframes balls3 {
  0% {
    transform: translate(52vw, 83vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(51vw, -52vh);
    opacity: 1;
  }
}
@keyframes balls4 {
  0% {
    transform: translate(20vw, 16vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(36vw, -77vh);
    opacity: 1;
  }
}
body .pretty > div:nth-of-type(16),
body * .pretty > div:nth-of-type(16) {
  position: relative;
  filter: blur(0.3028192703rem);
  border: solid #393946 5vw;
  animation: balls2 60s infinite;
}
@keyframes balls {
  0% {
    transform: translate(6vw, 82vh);
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: translate(66vw, -4vh);
    opacity: 1;
  }
}
@keyframes balls2 {
  0% {
    transform: translate(1vw, 45vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(11vw, 34vh);
    opacity: 1;
  }
}
@keyframes balls3 {
  0% {
    transform: translate(11vw, 15vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(99vw, 22vh);
    opacity: 1;
  }
}
@keyframes balls4 {
  0% {
    transform: translate(32vw, 43vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(54vw, 46vh);
    opacity: 1;
  }
}
body .pretty > div:nth-of-type(17),
body * .pretty > div:nth-of-type(17) {
  position: relative;
  filter: blur(0.1805249135rem);
  border: solid #393946 5vw;
  animation: balls 60s infinite;
}
@keyframes balls {
  0% {
    transform: translate(46vw, 9vh);
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: translate(55vw, 29vh);
    opacity: 1;
  }
}
@keyframes balls2 {
  0% {
    transform: translate(49vw, 90vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(27vw, -55vh);
    opacity: 1;
  }
}
@keyframes balls3 {
  0% {
    transform: translate(65vw, 22vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(-46vw, 65vh);
    opacity: 1;
  }
}
@keyframes balls4 {
  0% {
    transform: translate(56vw, 64vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(73vw, -86vh);
    opacity: 1;
  }
}
body .pretty > div:nth-of-type(18),
body * .pretty > div:nth-of-type(18) {
  position: relative;
  filter: blur(0.3028192703rem);
  border: solid #393946 5vw;
  animation: balls3 60s infinite;
}
@keyframes balls {
  0% {
    transform: translate(57vw, 79vh);
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: translate(-76vw, -84vh);
    opacity: 1;
  }
}
@keyframes balls2 {
  0% {
    transform: translate(23vw, 49vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(7vw, 58vh);
    opacity: 1;
  }
}
@keyframes balls3 {
  0% {
    transform: translate(86vw, 52vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(-1vw, 35vh);
    opacity: 1;
  }
}
@keyframes balls4 {
  0% {
    transform: translate(3vw, 16vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(-5vw, -99vh);
    opacity: 1;
  }
}
body .pretty > div:nth-of-type(19),
body * .pretty > div:nth-of-type(19) {
  position: relative;
  filter: blur(0.1805249135rem);
  border: solid #454551 5vw;
  animation: balls 60s infinite;
}
@keyframes balls {
  0% {
    transform: translate(29vw, 78vh);
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: translate(51vw, -85vh);
    opacity: 1;
  }
}
@keyframes balls2 {
  0% {
    transform: translate(67vw, 97vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(-32vw, -4vh);
    opacity: 1;
  }
}
@keyframes balls3 {
  0% {
    transform: translate(36vw, 54vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(-3vw, -41vh);
    opacity: 1;
  }
}
@keyframes balls4 {
  0% {
    transform: translate(7vw, 12vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(95vw, 60vh);
    opacity: 1;
  }
}
body .pretty > div:nth-of-type(20),
body * .pretty > div:nth-of-type(20) {
  position: relative;
  filter: blur(0.1805249135rem);
  border: solid #454551 5vw;
  animation: balls2 60s infinite;
}
@keyframes balls {
  0% {
    transform: translate(51vw, 18vh);
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: translate(43vw, 17vh);
    opacity: 1;
  }
}
@keyframes balls2 {
  0% {
    transform: translate(75vw, 88vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(8vw, -33vh);
    opacity: 1;
  }
}
@keyframes balls3 {
  0% {
    transform: translate(78vw, 76vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(56vw, 18vh);
    opacity: 1;
  }
}
@keyframes balls4 {
  0% {
    transform: translate(48vw, 100vh);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(-18vw, -10vh);
    opacity: 1;
  }
}
body footer,
body * footer {
  font-size: 0.8rem;
  color: #373737;
}/*# sourceMappingURL=style.css.map */