*{
  margin: 0;
  padding: 0;
}

body { 
  height: 100%; 
  font-family: 'Work Sans';
  background-color: #4FADFF;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1200 800'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='600' y1='25' x2='600' y2='777'%3E%3Cstop offset='0' stop-color='%234FADFF'/%3E%3Cstop offset='1' stop-color='%233F15FF'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='650' y1='25' x2='650' y2='777'%3E%3Cstop offset='0' stop-color='%234e9fff'/%3E%3Cstop offset='1' stop-color='%234f25fb'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' gradientUnits='userSpaceOnUse' x1='700' y1='25' x2='700' y2='777'%3E%3Cstop offset='0' stop-color='%234c91ff'/%3E%3Cstop offset='1' stop-color='%235f36f7'/%3E%3C/linearGradient%3E%3ClinearGradient id='d' gradientUnits='userSpaceOnUse' x1='750' y1='25' x2='750' y2='777'%3E%3Cstop offset='0' stop-color='%234b84ff'/%3E%3Cstop offset='1' stop-color='%236f46f3'/%3E%3C/linearGradient%3E%3ClinearGradient id='e' gradientUnits='userSpaceOnUse' x1='800' y1='25' x2='800' y2='777'%3E%3Cstop offset='0' stop-color='%234976ff'/%3E%3Cstop offset='1' stop-color='%237f56ef'/%3E%3C/linearGradient%3E%3ClinearGradient id='f' gradientUnits='userSpaceOnUse' x1='850' y1='25' x2='850' y2='777'%3E%3Cstop offset='0' stop-color='%234868ff'/%3E%3Cstop offset='1' stop-color='%238f66eb'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' gradientUnits='userSpaceOnUse' x1='900' y1='25' x2='900' y2='777'%3E%3Cstop offset='0' stop-color='%23465aff'/%3E%3Cstop offset='1' stop-color='%239e77e7'/%3E%3C/linearGradient%3E%3ClinearGradient id='h' gradientUnits='userSpaceOnUse' x1='950' y1='25' x2='950' y2='777'%3E%3Cstop offset='0' stop-color='%23454cff'/%3E%3Cstop offset='1' stop-color='%23ae87e3'/%3E%3C/linearGradient%3E%3ClinearGradient id='i' gradientUnits='userSpaceOnUse' x1='1000' y1='25' x2='1000' y2='777'%3E%3Cstop offset='0' stop-color='%23433eff'/%3E%3Cstop offset='1' stop-color='%23be97df'/%3E%3C/linearGradient%3E%3ClinearGradient id='j' gradientUnits='userSpaceOnUse' x1='1050' y1='25' x2='1050' y2='777'%3E%3Cstop offset='0' stop-color='%234231ff'/%3E%3Cstop offset='1' stop-color='%23cea7db'/%3E%3C/linearGradient%3E%3ClinearGradient id='k' gradientUnits='userSpaceOnUse' x1='1100' y1='25' x2='1100' y2='777'%3E%3Cstop offset='0' stop-color='%234023ff'/%3E%3Cstop offset='1' stop-color='%23deb8d7'/%3E%3C/linearGradient%3E%3ClinearGradient id='l' gradientUnits='userSpaceOnUse' x1='1150' y1='25' x2='1150' y2='777'%3E%3Cstop offset='0' stop-color='%233F15FF'/%3E%3Cstop offset='1' stop-color='%23EEC8D3'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg %3E%3Crect fill='url(%23a)' width='1200' height='800'/%3E%3Crect fill='url(%23b)' x='100' width='1100' height='800'/%3E%3Crect fill='url(%23c)' x='200' width='1000' height='800'/%3E%3Crect fill='url(%23d)' x='300' width='900' height='800'/%3E%3Crect fill='url(%23e)' x='400' width='800' height='800'/%3E%3Crect fill='url(%23f)' x='500' width='700' height='800'/%3E%3Crect fill='url(%23g)' x='600' width='600' height='800'/%3E%3Crect fill='url(%23h)' x='700' width='500' height='800'/%3E%3Crect fill='url(%23i)' x='800' width='400' height='800'/%3E%3Crect fill='url(%23j)' x='900' width='300' height='800'/%3E%3Crect fill='url(%23k)' x='1000' width='200' height='800'/%3E%3Crect fill='url(%23l)' x='1100' width='100' height='800'/%3E%3C/g%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover;
}

.bg {
  display: grid;
  grid-template-rows: auto auto auto;
  grid-gap: 0px;
  filter:  hue-rotate(358deg) saturate(1.47) brightness(.79) contrast(1.68);
}

.link
{
  position: relative;
  pointer-events: all;
  cursor: pointer;
  display: flex;
  background-color: rgb(8, 8, 8);
  padding-left: 38px;
  padding-right: 38px;
  font-family: 'Work Sans';
  white-space: nowrap;
  font-size: calc(14px + calc(calc(24 / 1680 * 100) * 1vw));
  border-radius: 25px;
  transform: scale3d(1.025, 1.025, 1.025);
  padding-bottom: 10px;
}

.woki {
  font-family:'MuseoModerno'; 
  font-size: min(61px, 10vw);
  -webkit-text-stroke: 1px black;
  margin: 30px auto 25px auto;
  display: grid;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  --tw-gradient-to: #ff00ff;
  --tw-gradient-from: #0ab5f3;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  background-image: linear-gradient(to right,var(--tw-gradient-stops));
  filter: hue-rotate(-7deg) saturate(1.17) brightness(1.78) grayscale(.23);
  -webkit-font-smoothing: antialiased;
  line-height: 80px;
}

.main {
  filter: hue-rotate(0deg) grayscale(.89) saturate(3.3) contrast(1.82);
  margin: auto;
  width: 35%;
}

.image__element {
	transform-origin: inherit;
	position: relative;
	grid-area: 1 / 1 / 2 / 2;
	will-change: transform, filter;
	border-radius: inherit;
	background-size: inherit;
	background-position: inherit;
  background-repeat: no-repeat;
  overflow: hidden;
  border-radius: 4px;
  filter: hue-rotate(22deg);
}

.content3 {
	flex: 1;
	display: grid;
	place-items: center;
}

#__bsb {
 
}