.preload1 {
  background-image: url("../img/walking.svg"); }

.preload2 {
  background-image: url("../img/walkingRose.svg"); }

.walkingMale {
  position: absolute;
  bottom: 0;
  zoom: 50%;
  z-index: 11;
  left: -300px;
  background: url("../img/walking.svg") no-repeat 0 0;
  width: 182px;
  height: 404px;
  background-repeat: no-repeat;
  animation: walkingAnimation 1.2s step-end 6 forwards, incomming 7.2s linear forwards; }
  .walkingMale.rose {
    animation: walkingRoseAnimation 1.2s step-end 6 forwards, outgoing 7.2s linear forwards; }
  .walkingMale.active {
    cursor: hand; }

@media (min-width: 1200px) {
  @keyframes incomming {
    to {
      left: 45%; } }
  @keyframes outgoing {
    from {
      left: 45%; }
    to {
      left: 110%; } } }
@media (min-width: 700px) and (max-width: 1200px) {
  @keyframes incomming {
    to {
      left: 43%; } }
  @keyframes outgoing {
    from {
      left: 43%; }
    to {
      left: 110%; } } }
@media (min-width: 500px) and (max-width: 700px) {
  @keyframes incomming {
    to {
      left: 40%; } }
  @keyframes outgoing {
    from {
      left: 40%; }
    to {
      left: 110%; } } }
@media (max-width: 500px) {
  @keyframes incomming {
    to {
      left: 35%; } }
  @keyframes outgoing {
    from {
      left: 35%; }
    to {
      left: 110%; } } }
@keyframes walkingRoseAnimation {
  0% {
    background: url("../img/walkingRose.svg") no-repeat 0 0;
    width: 182px;
    height: 404px; }
  8.33% {
    background: url("../img/walkingRose.svg") no-repeat -342px 0;
    width: 184px;
    height: 404px; }
  16.66% {
    background: url("../img/walkingRose.svg") no-repeat -675px -1px;
    width: 185px;
    height: 403px; }
  24.99% {
    background: url("../img/walkingRose.svg") no-repeat -1011px -1px;
    width: 186px;
    height: 403px; }
  33.32% {
    background: url("../img/walkingRose.svg") no-repeat -1348px -1px;
    width: 184px;
    height: 402px; }
  41.65% {
    background: url("../img/walkingRose.svg") no-repeat -1707px 0;
    width: 183px;
    height: 404px; }
  49.98% {
    background: url("../img/walkingRose.svg") no-repeat 0 -554px;
    width: 183px;
    height: 406px; }
  58.31% {
    background: url("../img/walkingRose.svg") no-repeat -343px -555px;
    width: 183px;
    height: 404px; }
  66.64% {
    background: url("../img/walkingRose.svg") no-repeat -677px -555px;
    width: 184px;
    height: 404px; }
  74.97% {
    background: url("../img/walkingRose.svg") no-repeat -1012px -556px;
    width: 186px;
    height: 403px; }
  83.3% {
    background: url("../img/walkingRose.svg") no-repeat -1349px -555px;
    width: 185px;
    height: 404px; }
  91.63% {
    background: url("../img/walkingRose.svg") no-repeat -1707px -555px;
    width: 184px;
    height: 403px; } }
@keyframes walkingAnimation {
  0% {
    background: url("../img/walking.svg") no-repeat 0 0;
    width: 182px;
    height: 404px; }
  8.33% {
    background: url("../img/walking.svg") no-repeat -342px 0;
    width: 184px;
    height: 404px; }
  16.66% {
    background: url("../img/walking.svg") no-repeat -675px -1px;
    width: 185px;
    height: 403px; }
  24.99% {
    background: url("../img/walking.svg") no-repeat -1011px -1px;
    width: 186px;
    height: 403px; }
  33.32% {
    background: url("../img/walking.svg") no-repeat -1348px -1px;
    width: 184px;
    height: 402px; }
  41.65% {
    background: url("../img/walking.svg") no-repeat -1707px 0;
    width: 183px;
    height: 404px; }
  49.98% {
    background: url("../img/walking.svg") no-repeat 0 -554px;
    width: 183px;
    height: 406px; }
  58.31% {
    background: url("../img/walking.svg") no-repeat -343px -555px;
    width: 183px;
    height: 404px; }
  66.64% {
    background: url("../img/walking.svg") no-repeat -677px -555px;
    width: 184px;
    height: 404px; }
  74.97% {
    background: url("../img/walking.svg") no-repeat -1012px -556px;
    width: 186px;
    height: 403px; }
  83.3% {
    background: url("../img/walking.svg") no-repeat -1349px -555px;
    width: 185px;
    height: 404px; }
  91.63% {
    background: url("../img/walking.svg") no-repeat -1707px -555px;
    width: 184px;
    height: 403px; } }
@keyframes walking-animationOLD {
  0% {
    background: url("../img/walking.svg") no-repeat -107px -112px;
    width: 182px;
    height: 404px; }
  8.33% {
    background: url("../img/walking.svg") no-repeat -701px -112px;
    width: 184px;
    height: 404px; }
  16.66% {
    background: url("../img/walking.svg") no-repeat -1295px -113px;
    width: 185px;
    height: 403px; }
  24.99% {
    background: url("../img/walking.svg") no-repeat -1890px -113px;
    width: 186px;
    height: 403px; }
  33.32% {
    background: url("../img/walking.svg") no-repeat -2477px -113px;
    width: 184px;
    height: 402px; }
  41.65% {
    background: url("../img/walking.svg") no-repeat -3064px -112px;
    width: 183px;
    height: 404px; }
  49.98% {
    background: url("../img/walking.svg") no-repeat -107px -702px;
    width: 183px;
    height: 406px; }
  58.31% {
    background: url("../img/walking.svg") no-repeat -702px -703px;
    width: 183px;
    height: 404px; }
  66.64% {
    background: url("../img/walking.svg") no-repeat -1297px -703px;
    width: 185px;
    height: 404px; }
  74.97% {
    background: url("../img/walking.svg") no-repeat -1891px -704px;
    width: 186px;
    height: 403px; }
  83.3% {
    background: url("../img/walking.svg") no-repeat -2478px -703px;
    width: 185px;
    height: 404px; }
  91.63% {
    background: url("../img/walking.svg") no-repeat -3064px -703px;
    width: 184px;
    height: 404px; } }
.hidden {
  display: none; }

.roseFlower {
  background: url("../img/rose.svg") no-repeat -11px -2px;
  width: 42px;
  position: absolute;
  bottom: 57px;
  left: 49%;
  z-index: 12;
  height: 0;
  animation: grow 1 linear 1s 1s forwards; }

@keyframes incommingFlower {
  to {
    left: 46%; } }
@keyframes grow {
  to {
    height: 68px; } }
.wilbrink_name .letter {
  opacity: 0;
  margin: 0;
  letter-spacing: 0; }
  .wilbrink_name .letter.animated {
    animation: none !important;
    opacity: 1; }

@keyframes fade {
  100% {
    opacity: 1; } }
.wilbrink_name .letter:nth-child(1) {
  animation: fade 1 linear 600ms 750ms, fade 1 cubic-bezier(0.4, 0, 1, 1) 2000ms 6750ms forwards; }

.wilbrink_name .letter:nth-child(2) {
  animation: fade 1 linear 600ms 1500ms, fade 1 cubic-bezier(0.4, 0, 1, 1) 2000ms 6750ms forwards; }

.wilbrink_name .letter:nth-child(3) {
  animation: fade 1 linear 600ms 2250ms, fade 1 cubic-bezier(0.4, 0, 1, 1) 2000ms 6750ms forwards; }

.wilbrink_name .letter:nth-child(4) {
  animation: fade 1 linear 600ms 3000ms, fade 1 cubic-bezier(0.4, 0, 1, 1) 2000ms 6750ms forwards; }

.wilbrink_name .letter:nth-child(5) {
  animation: fade 1 linear 600ms 3750ms, fade 1 cubic-bezier(0.4, 0, 1, 1) 2000ms 6750ms forwards; }

.wilbrink_name .letter:nth-child(6) {
  animation: fade 1 linear 600ms 4500ms, fade 1 cubic-bezier(0.4, 0, 1, 1) 2000ms 6750ms forwards; }

.wilbrink_name .letter:nth-child(7) {
  animation: fade 1 linear 600ms 5250ms, fade 1 cubic-bezier(0.4, 0, 1, 1) 2000ms 6750ms forwards; }

.wilbrink_name .letter:nth-child(8) {
  animation: fade 1 linear 600ms 6000ms, fade 1 cubic-bezier(0.4, 0, 1, 1) 2000ms 6750ms forwards; }

.wilbrink_building {
  font-size: 15px;
  position: relative;
  width: 28em;
  height: 27.1875em;
  box-sizing: border-box;
  background-color: #2d6548; }

.wilbrink_roof {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  width: calc(100% + 2.25em);
  height: 6.5em;
  background-color: #19432f; }
  .wilbrink_roof::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: calc(100% + 2.5em);
    height: 1.875em;
    background-color: #64b346; }
  .wilbrink_roof::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -0.9375em;
    width: calc(100% - 2.25em);
    height: 0.9375em;
    background-color: inherit; }

.wilbrink_nameContainer {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0.3125em;
  width: 90%;
  height: calc(100% - 2.5em);
  background-color: #2d6548;
  box-sizing: border-box;
  border: 0.4375em solid #468361;
  display: flex;
  align-items: center;
  justify-content: center; }

.wilbrink_name {
  font-family: "Roboto Slab", serif;
  font-size: 3em;
  font-weight: 700;
  letter-spacing: 0.1875em;
  text-transform: uppercase;
  color: #f7f2d5; }

.wilbrink_curvedPlant {
  position: absolute;
  top: -2.09375em;
  left: -3.125em;
  width: 4.5625em;
  height: 11.0625em;
  border: 2.0625em solid #0f8d44;
  border-right: 0;
  border-bottom: 0;
  box-sizing: border-box;
  border-radius: 4.5625em 0 0 0;
  z-index: -2; }
  .wilbrink_curvedPlant::before {
    content: "";
    position: absolute;
    width: 2.0625em;
    height: 2.0625em;
    border-radius: 50%;
    background-color: #0f8d44;
    left: -2.0625em;
    bottom: -1.03125em; }
  .wilbrink_curvedPlant::after {
    content: "";
    width: 2.375em;
    height: 2.375em;
    border-radius: 50%;
    position: absolute;
    bottom: -0.3125em;
    right: 1.25em;
    color: #28783b;
    background-color: currentColor;
    box-shadow: 0 -5.25em 0 -0.375em #d35376, -1.6875em -7.5em 0 -0.25em, 0.875em -9.8125em 0 -0.6875em #d35376; }

.wilbrink_curvedPlantExtension {
  position: absolute;
  bottom: -6.5625em;
  left: calc(-1.03125em - 0.25em);
  width: 0.5em;
  height: 5.875em;
  background-color: #5b3713;
  z-index: -1; }

.wilbrink_curvedPlantExtensionLeaves {
  width: 3.125em;
  height: 3.125em;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0.9375em;
  background-color: #156132; }
  .wilbrink_curvedPlantExtensionLeaves::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 3.75em;
    width: 2em;
    height: 4.25em;
    border-radius: 2em;
    background-color: inherit; }
  .wilbrink_curvedPlantExtensionLeaves::after {
    content: "";
    width: 1.5625em;
    height: 1.5625em;
    border-radius: 50%;
    position: absolute;
    top: 5em;
    left: -0.125em;
    background-color: #26823f; }

.wilbrink_roofPotFlower,
.wilbrink_roofPotFlowerWrapper {
  position: absolute;
  width: 6.625em;
  height: 1.875em; }

.wilbrink_roofPotFlowerWrapper {
  top: -1.875em;
  left: 50%;
  transform: translateX(-50%); }

.wilbrink_roofPotFlower {
  background-color: #5d124a; }
  .wilbrink_roofPotFlower:not(.wilbrink_roofPotFlower--isSecond) {
    top: -1.875em; }
  .wilbrink_roofPotFlower::before {
    content: "";
    width: 1.65625em;
    height: 1.65625em;
    border-radius: 50%;
    position: absolute;
    top: -0.828125em;
    color: #2b6533;
    background-color: currentColor;
    z-index: -1; }

.wilbrink_roofPotFlower--isFirst {
  left: 1.125em; }
  .wilbrink_roofPotFlower--isFirst::before {
    box-shadow: 1.65625em 0 #1f7f37, calc(1.65625em * 2) 0 #1f7f37, calc(1.65625em * 3) 0 #eacb22, 0.828125em -0.828125em #eacb22, calc(0.828125em * 3) -0.828125em, calc(0.828125em * 5) -0.828125em, calc(0.828125em * 2) calc(-0.828125em * 2) #1a5127, calc(0.828125em * 4) calc(-0.828125em * 2) #eacb22; }

.wilbrink_roofPotFlower--isSecond::before {
  box-shadow: 1.65625em 0 #1f7f37, calc(1.65625em * 2) 0 #1f7f37, calc(1.65625em * 3) 0 #df0d7b, 0.828125em -0.828125em, calc(0.828125em * 3) -0.828125em #df0d7b, calc(0.828125em * 5) -0.828125em, calc(0.828125em * 2) calc(-0.828125em * 2) #1a5127, calc(0.828125em * 4) calc(-0.828125em * 2) #1a5127; }

.wilbrink_roofPotFlower--isThird {
  right: 1.125em; }
  .wilbrink_roofPotFlower--isThird::before {
    box-shadow: 1.65625em 0 #fea817, calc(1.65625em * 2) 0 #1f7f37, calc(1.65625em * 3) 0 #fea817, 0.828125em -0.828125em, calc(0.828125em * 3) -0.828125em, calc(0.828125em * 5) -0.828125em, calc(0.828125em * 2) calc(-0.828125em * 2) #1a5127, calc(0.828125em * 4) calc(-0.828125em * 2) #fea817; }

.wilbrink_roofCactusShapedPlant {
  position: absolute;
  left: 8.5625em;
  top: -3.125em;
  width: 2.375em;
  height: 3.125em;
  border-radius: 2.375em 2.375em 0 0;
  background-color: #e39825;
  box-shadow: 10.75em 0 #64b346; }

.wilbrink_front {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(1.6875em + 0.9375em);
  width: 25em;
  height: 16.6875em;
  display: grid;
  grid-template-columns: 17.0625em 1fr;
  grid-column-gap: 1.0625em; }

.wilbrink_window {
  position: relative;
  width: 100%;
  height: 12.1875em;
  border: 0.5em solid #a0b0a5;
  box-sizing: border-box;
  background-color: #0d1d12;
  overflow: hidden;
  z-index: 1; }
  .wilbrink_window::before {
    content: "";
    height: 150%;
    width: 1.875em;
    color: rgba(255, 255, 255, 0.1);
    background-color: currentColor;
    transform: rotate(45deg);
    box-shadow: -1.875em 0 0 -0.625em;
    z-index: 1;
    position: absolute;
    top: -7.875em;
    left: 6.625em;
    height: 300%;
    box-shadow: -9em 0 0, -10.5em 0 0 -0.625em, -1.875em 0 0 -0.625em, 5em 0 0 -0.625em;
    z-index: 2; }

.wilbrink_windowVines--isCurve {
  position: absolute;
  top: -6.3125em;
  left: -2.5em;
  width: 9.375em;
  height: 9.375em;
  border-radius: 50%;
  border: 0.375em solid #122d17;
  box-sizing: border-box;
  z-index: -1; }
  .wilbrink_windowVines--isCurve::before, .wilbrink_windowVines--isCurve::after {
    content: "";
    position: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    border: inherit;
    box-sizing: inherit; }
  .wilbrink_windowVines--isCurve::before {
    top: -1.3125em;
    right: -4.0625em; }
  .wilbrink_windowVines--isCurve::after {
    top: 1.5em;
    left: -0.875em; }

.wilbrink_windowRedPlant {
  position: absolute;
  bottom: 0;
  width: 7.5em;
  height: 3.75em;
  z-index: 1; }
  .wilbrink_windowRedPlant::before {
    content: "";
    display: block;
    width: inherit;
    height: inherit;
    border-radius: 3.75em 3.75em 0 0;
    background-color: #522714; }
  .wilbrink_windowRedPlant::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -1.25em;
    width: 5em;
    height: 2.5em;
    border-radius: 2.5em 2.5em 0 0;
    background-color: #6b2213; }

.wilbrink_windowRedPlantLeaves {
  position: absolute;
  top: -2.5em;
  left: 2.5625em;
  width: 1.125em;
  height: 3.125em;
  border-radius: 1.125em 0 0 1.125em;
  background-color: #2b6533;
  z-index: -1; }
  .wilbrink_windowRedPlantLeaves::before, .wilbrink_windowRedPlantLeaves::after {
    content: "";
    position: absolute;
    width: inherit;
    height: inherit;
    border-radius: inherit; }
  .wilbrink_windowRedPlantLeaves::before {
    bottom: -0.3125em;
    left: -0.625em;
    transform: rotate(-30deg);
    background-color: #194e24; }
  .wilbrink_windowRedPlantLeaves::after {
    bottom: -1.25em;
    left: -0.9375em;
    transform: rotate(-60deg);
    background-color: #19432f; }

.wilbrink_windowRedPlantLeaves--isSecondGroup {
  left: unset;
  right: 2.5625em;
  transform: scaleX(-1); }

.wilbrink_windowPotFlower {
  position: absolute;
  bottom: 0;
  right: 3.75em;
  width: 2.875em;
  height: 2.375em; }
  .wilbrink_windowPotFlower::before {
    content: "";
    position: relative;
    bottom: -0.1875em;
    display: block;
    width: inherit;
    height: inherit;
    background-color: #303b35;
    transform: perspective(0.625em) rotateX(-5deg);
    z-index: 1; }
  .wilbrink_windowPotFlower::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -2.5em;
    width: 2.1875em;
    height: 3.75em;
    background-color: #905c2c;
    border-radius: 2.1875em; }

.wilbrink_windowPotFlowerLeaves {
  position: absolute;
  top: -2.5625em;
  left: -0.4375em;
  width: 1.125em;
  height: 3.125em;
  z-index: 1;
  transform: rotate(15deg); }
  .wilbrink_windowPotFlowerLeaves::before, .wilbrink_windowPotFlowerLeaves::after {
    content: "";
    position: absolute;
    width: inherit;
    height: inherit;
    border-radius: 1.125em 0 0 1.125em;
    background-color: #194e24; }
  .wilbrink_windowPotFlowerLeaves::before {
    top: -0.0625em;
    left: 0.03125em;
    transform: rotate(-45deg); }
  .wilbrink_windowPotFlowerLeaves::after {
    bottom: -0.625em;
    left: -0.125em;
    transform: rotate(-70deg);
    background-color: #19432f; }

.wilbrink_windowPotFlowerLeaves--isSecondGroup {
  left: unset;
  right: -0.4375em;
  transform: rotate(-15deg) scaleX(-1); }

.wilbrink_windowVines--isStraight {
  position: absolute;
  right: 1.125em;
  width: 0.375em;
  height: 110%;
  background-color: #14391a; }
  .wilbrink_windowVines--isStraight::after {
    content: "";
    width: 1.25em;
    height: 1.25em;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 1.875em;
    color: #19432f;
    background-color: currentColor;
    box-shadow: 0 -1.875em, 0 -3.75em; }

.wilbrink_windowBottom {
  grid-row: 2;
  width: 100%;
  height: calc(16.6875em - 12.1875em);
  display: flex;
  align-items: center; }
  .wilbrink_windowBottom::before {
    content: "";
    display: block;
    width: 100%;
    height: 2.9375em;
    box-sizing: border-box;
    border: 0.5em solid #468361; }

.wilbrink_door {
  grid-column: 2;
  grid-row: 1 / 3;
  position: relative;
  border: 0.5em solid #a0b0a5;
  border-bottom: 0;
  background-color: #468361; }

.wilbrink_doorInner {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0.9375em;
  width: 4.5625em;
  height: 11.0625em;
  border-radius: 4.5625em 4.5625em 0 0;
  background-color: #0d1d12;
  overflow: hidden; }
  .wilbrink_doorInner::before {
    content: "";
    width: 1.25em;
    height: 1.25em;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 1.25em;
    color: #19432f;
    background-color: currentColor;
    box-shadow: -1.25em -1.875em, 0 -3.75em, 1.25em -1.875em, -1.25em -5.625em, 1.25em -5.625em;
    z-index: 1; }
  .wilbrink_doorInner::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 0.375em;
    height: 110%;
    color: #14391a;
    background-color: currentColor;
    box-shadow: 1.25em 0, -1.25em 0; }

.wilbrink_doorMirrorShines {
  height: 150%;
  width: 1.875em;
  color: rgba(255, 255, 255, 0.1);
  background-color: currentColor;
  transform: rotate(45deg);
  box-shadow: -1.875em 0 0 -0.625em;
  z-index: 1;
  position: absolute;
  top: -2.5em; }

.wilbrink_floor {
  position: absolute;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: calc(100% + 2.5em);
  height: 1.6875em;
  background-color: #505374; }
  .wilbrink_floor::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -0.9375em;
    width: calc(100% - 2.5em);
    height: 0.9375em;
    background-color: #19432f; }

.wilbrink_floorFlowerWrapper--isFirst {
  position: absolute;
  left: -0.625em;
  bottom: 1.6875em;
  width: 6.0625em;
  height: 3.125em;
  z-index: 1; }

.wilbrink_floorFlowerWrapper--isFirst .wilbrink_floorPot {
  position: absolute;
  bottom: -0.125em;
  left: 50%;
  width: inherit;
  height: inherit;
  transform: translateX(-50%) perspective(0.625em) rotateX(-2deg);
  background-color: #6e2a63; }

.wilbrink_floorFlowerWrapper--isFirst .wilbrink_floorFlower {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 5em;
  height: 5em;
  border-radius: 50%;
  background-color: #1a5127;
  top: -2.5em; }
  .wilbrink_floorFlowerWrapper--isFirst .wilbrink_floorFlower::before {
    content: "";
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: absolute;
    top: 1.875em;
    left: -0.5em;
    color: #ee4b28;
    background-color: #64b346;
    box-shadow: 5em 0 #f9c72a, 1.5625em -0.625em, 3.4375em -0.625em #64b346, 0.9375em -1.75em #f9c72a, 4.0625em -1.75em, 2.5em -2.5em; }

.wilbrink_floorFlowerWrapper--isSecond {
  position: absolute;
  bottom: 0;
  right: -6.5em;
  width: 5.625em;
  height: 5em;
  z-index: 1; }
  .wilbrink_floorFlowerWrapper--isSecond::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -0.5em;
    width: 6.875em;
    height: 0.625em;
    background-color: #e66373;
    border-radius: 0.625em;
    z-index: 1; }

.wilbrink_floorFlowerWrapper--isSecond .wilbrink_floorFlower {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -14.6875em;
  border-radius: 0.4375em;
  width: 0.4375em;
  height: 14.6875em;
  background-color: #28131c; }
  .wilbrink_floorFlowerWrapper--isSecond .wilbrink_floorFlower::before {
    content: "";
    width: 4.375em;
    height: 4.375em;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -1.875em;
    color: #156132;
    background-color: currentColor;
    box-shadow: 0 -3.625em 0 -0.625em, 0 -6.6875em 0 -1.375em #e51867, 0 -9.75em 0 -0.625em, 0 -12.6875em 0 -1.375em #e51867, 0 -14.5625em 0 -1.6875em; }

.wilbrink_floorFlowerWrapper--isSecond .wilbrink_floorPot {
  position: absolute;
  bottom: -0.3125em;
  left: 50%;
  width: inherit;
  height: inherit;
  transform: translateX(-50%) perspective(0.625em) rotateX(-2deg);
  background-color: #bf3b48; }
  .wilbrink_floorFlowerWrapper--isSecond .wilbrink_floorPot::before {
    content: "";
    display: block;
    width: 50%;
    height: 100%;
    background-color: #cf4b60; }

.wilbrink_floorPotFlower {
  width: 2.3125em;
  height: 2.3125em;
  border-radius: 50%;
  position: absolute;
  bottom: 2.625em;
  left: 11.25em;
  color: #3da449;
  background-color: currentColor;
  box-shadow: 1.875em 0, -1.875em 0;
  z-index: 1; }
  .wilbrink_floorPotFlower::before, .wilbrink_floorPotFlower::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
  .wilbrink_floorPotFlower::before {
    bottom: 0.625em;
    width: 7.5em;
    height: 0.5625em;
    background-color: #bb5392;
    z-index: 1; }
  .wilbrink_floorPotFlower::after {
    width: 7.1875em;
    bottom: -0.9375em;
    height: 1.875em;
    background-color: #984571; }

.links {
  font-size: 1.5em;
  width: 8em;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 45px;
  display: flex;
  justify-content: space-between; }
  @media screen and (max-height: 700px) {
    .links {
      display: none; } }

.link__item {
  text-decoration: none;
  position: relative;
  opacity: 0.3;
  transition: opacity 0.3s; }
  .link__item:hover {
    opacity: 1; }

.link__item--isActive {
  opacity: 1;
  pointer-events: none;
  cursor: default; }

body {
  height: 100vh;
  margin: 0;
  place-items: center center;
  background-color: #fef2dc;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden; }
  body .wilbrink_building {
    bottom: 0;
    position: absolute; }

/*# sourceMappingURL=layout.css.map */