@import url('https://fonts.googleapis.com/css2?family=Playwrite+IT+Moderna:wght@100..400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playwrite+NZ:wght@100..400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playwrite+DE+Grund:wght@100..400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

.container {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 5vh;
}

html,
body {
  max-height: 100%;
  height: 100%;
  overflow-x: hidden;
  background: linear-gradient(#fa87de, #ffd6f5);
  height: auto;
  background-attachment: fixed;
  background-size: cover;

}

:root {
  background-size: 100%;
}


.logo {
  width: 500px;
  height: 500px;
  background: radial-gradient(#fff42c, #ff9de6, #ff37cd);
  border-radius: 50%;
  position: absolute;
  zoom: .6;
  display: flex;

}

.background-circle {
  border: 2px solid black;
  width: 450px;
  height: 450px;
  background: yellow;
  border-radius: 50%;
  position: absolute;
  right: 0%;
  justify-content: center;
  align-self: center;
}

.cursive {
  font-family: "Playwrite NZ", cursive;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.rotate {
  animation: rotation 8s infinite linear;
  position: absolute;
  margin: 125px 0px 0px 125px;
}


.page-title {
  text-align: center;
  font-family: "Playwrite NZ", cursive;
  color: #f6e745;
  font-size: 40px;
  margin: 10px;
}

.subheading-title {
  font-family: "Work Sans", sans-serif;
  text-align: center;
  font-size: 30px;
  margin: 10px;
}

.back-button {
  text-align: center;
  font-family: "Playwrite NZ", cursive;
  text-decoration: underline;
  font-size: 30px;
  margin: 20px;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(359deg);
  }
}


/* Proudly created with www.csswarp.com */

.warp__placeholder {
  position: absolute;
  color: transparent;
  font-size: .1px;
}

.nav-items {
  font-style: italic;
  font-family: "Playwrite DE Grund", cursive;
  font-optical-sizing: auto;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(5, 1fr);
  margin-top: 38vh;
  font-size: 30px;
  position: absolute;
}

.email {
  font-size: 23px;
  text-align: center;
  margin-bottom: 30px;
}

.location {
  font-size: 23px;
  margin: 30px 10px 0px 10px;
  text-align: center;
}

a {
  text-decoration: none;
}

.nav-item {
  text-align: center;
  padding: 8px 12px 8px 10px;
  border: 2mm ridge rgb(255, 251, 170);
  background: linear-gradient(#fdffd6, #fa87de);
}

.nav-item:hover .nav-item:active {
  background: linear-gradient(#fa87de, #fdffd6);
  cursor: pointer;
}

.warp {
  margin-left: 85px;
  margin-top: 45px;
  font: normal 76px/1 "Playwrite NZ", cursive;
  color: #f6e745;
  font-weight: 600;
  font-style: normal;
  position: absolute;
  width: 325px;
  height: 450px;
}

[class*='warp__'] {
  display: block;
  position: absolute;
}

.warp__0 {
  transform-origin: 50% 73px;
  transform: translate(22.423900000000003px, 9.025499999999994px) rotate(-0.504498rad);
}

.warp__1 {
  transform-origin: 50% 73px;
  transform: translate(126.6104px, -11.202300000000001px) rotate(-0.052861rad);
}

.warp__2 {
  transform-origin: 50% 73px;
  transform: translate(171.0888px, -7.483999999999995px) rotate(0.210336rad);
}

.warp__3 {
  transform-origin: 50% 73px;
  transform: translate(218.1514px, 9.580399999999997px) rotate(0.505803rad);
}

.warp__4 {
  transform-origin: 50% 73px;
  transform: translate(259.6675px, 30.075100000000006px) rotate(0.744591rad);
}

.warp__5 {
  transform-origin: 50% 73px;
  transform: translate(276.9178px, 42.9042px) rotate(0.873008rad);
}

.warp__6 {
  transform-origin: 50% 73px;
  transform: translate(278.0023px, 64.09119999999999px) rotate(1.06284rad);
}

.warp__7 {
  transform-origin: 50% 73px;
  transform: translate(289.326px, 103.9356px) rotate(1.359834rad);
}

.warp__8 {
  transform-origin: 50% 73px;
  transform: translate(292.5951px, 151.6177px) rotate(-4.642089rad);
}

.warp__9 {
  transform-origin: 50% 73px;
  transform: translate(281.9278px, 196.3216px) rotate(-4.297123rad);
}

.warp__10 {
  transform-origin: 50% 73px;
  transform: translate(229.24630000000002px, 243.4699px) rotate(-3.77362rad);
}

.warp__11 {
  transform-origin: 50% 73px;
  transform: translate(188.6323px, 268.0976px) rotate(-3.374426rad);
}

.warp__12 {
  transform-origin: 50% 73px;
  transform: translate(146.2856px, 273.3859px) rotate(-3.152655rad);
}

.warp__13 {
  transform-origin: 50% 73px;
  transform: translate(106.6548px, 270.0118px) rotate(-2.967584rad);
}

.warp__14 {
  transform-origin: 50% 73px;
  transform: translate(66.03px, 259.2828px) rotate(-2.776381rad);
}

.warp__15 {
  transform-origin: 50% 73px;
  transform: translate(23.3042px, 238.08370000000002px) rotate(-2.513144rad);
}