�ҽ� �� ( https://wlo.link/@mitosbetting )

<!DOCTYPE html>
<html class="my-page-root h-full" lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <link rel="stylesheet" href="/css/app.css?id=56af59c13bef972a4043">
 <link rel="canonical" href="https://wlo.link/@mitosbetting" />
 <link rel="icon" href="https://cdn.wlo.link/static/favicon.ico">
 <meta name="title" content="@mitosbetting | Willow" data-vue-router-controlled>
<meta name="description" content="Promote your online presence and connect with your audience using our link in bio tool | Willow" data-vue-router-controlled>
<meta name="keywords" content="link in bio,connect with audience,online presence,landing page" data-vue-router-controlled>

.my-page-root,
 .my-page-root__container,
 .my-page-root__logo,
 .device-preview__screen {
  /* defaults. can be overriden. */
  --textBioColor: var(--textColor);
  --fontFamilyBio: var(--fontFamilyPrimary);
  --buttonSubtitleFontWeight: var(--textFontWeight);
  --inputTextColor: var(--buttonTextColor);
  --inputBg: var(--buttonBackground);
  --inputBorder: var(--buttonBorder);
  --buttonTextColorHover: var(--buttonTextColor);
  --buttonSubtitleColorHover: var(--buttonSubtitleColor);
  --fontWeightBio: var(--subtitleFontWeight);
  --buttonBorderColorHover: var(--buttonBorderColor);
  --profile-icon-border-color: var(--logoColor);
  /* --titleTextShadow */
  --backgroundColor: linear-gradient(352.38deg, #94ECF8 8.13%, #3B57F5 91.06%);
--logoColor: #225cff;
--textColor: #ffffff;
--buttonBorderColor: #ffffff;
--buttonTextColorHover: #225CFF;
--buttonTextColor: #ffffff;
--buttonSubtitleColorHover: #225CFF;
--buttonBackgroundHover: #ffffff;
--inputBorder: #ffffff;
 }

.my-page-root {
  height: 100% !important;
  background: var(--backgroundColor) no-repeat;
 }

.my-page-root__animated-canvas {
  pointer-events: none;
  z-index: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
 }

.my-page-root__container {
  flex-direction: column;
  position: relative;
  overflow-x: hidden;
  width: 100%;
  height: auto;
  display: flex;

}

.my-page-root__donate-form {
  position: fixed;
  transform: translateY(100vh);
  height: 0;
  width: 0;
  opacity: 0;
  visibility: hidden;
  max-width: 1100px;
 }

.my-page-root__donate-form--active {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  height: 100%;
  width: 100%;
 }

.my-page__close-donate-form-btn path {
  fill: var(--textColor);
  opacity: 0.8;
 }

.my-page__close-donate-form-btn:hover path {
  opacity: 0.5;
 }

.my-page-root__donate-form__container {
  width: 100%;
  max-width: 680px;
 }

.my-page-root__donate-input-wrapper,
 .my-page-root__donate-textarea-wrapper,
 .my-page-input-wrapper {
  display: block;
  width: 100%;
 }

.my-page-root__donate-input-wrapper label,
 .my-page-root__donate-textarea-wrapper label,
 .my-page-input-wrapper label {
  font-family: var(--fontFamilyButtonSubtitle);
  font-weight: var(--buttonFontWeightSubtitle);
  font-size: 12px;
  color: var(--textColor);
  text-shadow: var(--bioTextShadow, initial);
 }

.my-page-root__donate-form-input,
 .my-page-root__donate-form-select,
 .my-page-root__donate-input-wrapper input,
 .my-page-root__donate-textarea-wrapper textarea,
 .my-page-input-wrapper input {
  height: 40px;
  border-radius: 4px;
  padding: 4px 8px;
  background: var(--inputBg, --buttonBackground, transparent);
  font-family: var(--fontFamilyButtonSubtitle);
  font-weight: var(--buttonFontWeightSubtitle);
  font-size: 14px;
  color: var(--inputTextColor);
  border: var(--inputBorderSize, 2px) solid var(--inputBorder, transparent);
 }

.my-page-root__donate-textarea-wrapper textarea {
  height: 100% !important;
  width: 100%;
  resize: none;
 }

.my-page-root__donate-form-select option {
  color: black !important;
 }

.my-page-root__donate-textarea-wrapper textarea:hover,
 .my-page-root__donate-textarea-wrapper:focus,
 .my-page-root__donate-input-wrapper input:hover,
 .my-page-root__donate-input-wrapper input:active,
 .my-page-root__donate-input-wrapper input:focus,
 .my-page-input-wrapper input:hover,
 .my-page-input-wrapper input:active,
 .my-page-input-wrapper input:focus,
 .my-page-root__donate-form-input:hover,
 .my-page-root__donate-form-input:active,
 .my-page-root__donate-form-input:focus,
 .my-page-root__donate-form-select:hover,
 .my-page-root__donate-form-select:active,
 .my-page-root__donate-form-select:focus {
  border-color: var(--inputBorder, --buttonBorderColorHover, --buttonBorderColor);
 }

.my-page-root__donate-textarea-wrapper textarea::placeholder,
 .my-page-root__donate-input-wrapper input::placeholder,
 .my-page-root__donate-form-input::placeholder {
  transition-propert: color opacity;
  transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
  transition-duration: 0.2s;
  color: var(--inputPlaceHolderColor, --buttonTextColor);
 }

.my-page-root__donate-textarea-wrapper textarea:hover::placeholder,
 .my-page-root__donate-input-wrapper input:hover::placeholder,
 .my-page-root__donate-form-input:hover::placeholder,
 .my-page-root__donate-form-select:hover::placeholder,
 .my-page-root__donate-textarea-wrapper textarea:focus::placeholder,
 .my-page-root__donate-textarea-wrapper textarea:active::placeholder,
 .my-page-root__donate-form-input:active::placeholder,
 .my-page-root__donate-input-wrapper input:active::placeholder,
 .my-page-root__donate-form-select:active::placeholder {
  opacity: 0.8;
 }

.my-page-root__donate-textarea-wrapper textarea:focus::placeholder,
 .my-page-root__donate-input-wrapper input:focus::placeholder,
 .my-page-root__donate-form-input:focus::placeholder,
 .my-page-root__donate-form-select:focus::placeholder {
  opacity: 0.5;
 }

.my-page-root__donate-form-amount-btn span {
  color: var(--buttonTextColor);
  font-family: var(--fontFamilyButtonSubtitle);
  font-weight: var(--textFontWeight);
 }

.my-page-root__donate-form-amount-btn:hover,
 .my-page-root__donate-form-amount-btn:focus {
  border-color: var(--buttonBorderColorHover);
 }

.my-page-root__donate-form-amount-btn:hover span,
 .my-page-root__donate-form-amount-btn:focus span {
  color: var(--buttonTextColorHover);
 }

input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
 }

input[type=number] {
  -moz-appearance: textfield;
 }

.my-page-root__links-container {
  z-index: 2;
  transition: transform;
  transition-duration: 0.3s;
 }
 @supports (overflow: overlay) {
  .my-page-root__links-container {
 overflow: overlay;
  }
 }

.my-page-root__links-container--inactive {
  transform: translateY(-100vh);
  height: 0;
  width: 0;
  overflow: hidden;
 }

.my-page-root__title {
  color: var(--textColor);
  font-family: var(--fontFamilyPrimary);
  font-weight: var(--pageTitleFontWeight);
  font-size: var(--fontSize, 16px);
  font-style: var(--fontStyleTitle, normal);
  text-shadow: var(--titleTextShadow, initial);
  transform: var(--titleTransform, none);
  letter-spacing: var(--titleLetterSpacing, initial);
  text-transform: var(--titleTextTransform, initial);
 }

.my-page-root__bio {
  color: var(--textBioColor);
  font-family: var(--fontFamilyBio);
  font-weight: var(--fontWeightBio, 'normal');
  font-size: var(--fontSizeBio, 14px);
  font-style: var(--fontStyleBio, normal);
  text-shadow: var(--bioTextShadow, initial);
  transform: var(--bioTransform, none);
  letter-spacing: var(--bioLetterSpacing, initial);
  text-transform: var(--bioTextTransform, initial);
 }

.my-page-root__section-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--textBioColor);
  font-family: var(--fontFamilyBio);
  font-weight: var(--fontWeightSectionHeading, '700');
  font-size: var(--fontSizeSectionHeading, 16px);
  font-style: var(--fontStyleBio, normal);
  text-shadow: var(--bioTextShadow, initial);
 }

.my-page-root__section-desc {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--textBioColor);
  font-family: var(--fontFamilyBio);
  font-weight: var(--fontWeightSectionDesc, 'normal');
  font-size: var(--fontSizeSectionDesc, 12px);
  font-style: var(--fontStyleBio, normal);
  text-shadow: var(--bioTextShadow, initial);
 }

.my-page-root__subtitle {
  color: var(--textColor);
  font-family: var(--fontFamilyPrimary);
  font-weight: var(--buttonSubtitleFontWeight);
  font-size: var(--buttonFontSize, 14px);
  font-style: var(--fontStyleSubtitle, normal);
  text-shadow: var(--bioTextShadow, initial);
 }

.my-page-root__link-title {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--buttonFontSize, 16px);
  font-family: var(--fontFamilyButton);
  font-weight: var(--buttonFontWeight, 500);
  text-transform: var(--buttonTitleTextTransform, initial);
  color: var(--buttonTextColor, inherit);
  font-style: var(--fontStyleButtonTitle, normal);
  letter-spacing: var(--letterSpacing, initial);
  box-shadow: var(--buttonBoxShadow, initial);
 }

.my-page-root__link-sub-title {
  font-family: var(--fontFamilyButtonSubtitle);
  font-weight: var(--buttonFontWeightSubtitle);
  font-size: var(--fontSizeSubtitle, 12px);
  color: var(--buttonSubtitleColor, inherit);
  font-style: var(--fontStyleSubTitle, normal);
  letter-spacing: var(--letterSpacing, initial);
 }

.my-page-root__profile-icon {
  height: 100px;
  width: 100px;
  object-fit: cover;
  background: var(--logoColor);
  border: 4px solid var(--profile-icon-border-color);
  animation: var(--logoAnimation, none);
  box-shadow: var(--logoBoxShadow, none);
  border-width: var(--profile-icon-border-width, 4px) !important;
 }

.my-page-root__profile-icon--small {
  height: 32px;
  width: 32px;
  object-fit: cover;
  background: var(--logoColor);
 }

.my-page-root__profile-icon--medium {
  height: 40px;
  width: 40px;
  object-fit: cover;
  background: var(--logoColor);
 }

.my-page-root__links {
  width: 680px;
  padding-left: 16px;
  padding-right: 16px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 0;
 }

.my-page-root__link {
  display: flex;
  min-height: 52px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 8px 16px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
 }

.my-page-root__link-live {
  width: initial !important;
  margin-left: 8px;
  padding: 0 4px;
  color: white;
  font-size: 12px;
  font-weight: 500;
  font-family: 'Roboto';
  text-transform: uppercase;
  background: #D73529;
  border-radius: 2px;
  border: 2px solid white;
 }

.my-page-root__link--donate {
  /* background: rgba(255, 255, 255, 0.2); */
 }

.my-page-root__link path {
  fill: var(--buttonTextColor) !important;
 }

.my-page-root__link:hover path {
  fill: var(--buttonTextColorHover, inherit) !important;
 }

.my-page-root__link span {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  text-align: center;
  overflow: hidden;
 }

.my-page-root__link:hover .my-page-root__link-title {
  color: var(--buttonTextColorHover, inherit) !important;
 }

.my-page-root__logo {
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
 }

.my-page-root__link-graphic img {
  height: 238px;
  width: 100%;
  object-fit: cover;
 }

.my-page-root__logo rect {
  fill: var(--logoColor, #225CFF);
 }

.page-background-image {
  background-repeat: var(--backgroundImageRepeat, none);
  background-size: var(--backgroundSize, cover);
  background-position: var(--backgroundPosition, center);
 }

.my-page-root__animated-canvas {
  height: 100%;
  overflow: hidden;
 }

.my-page-root__social-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding-bottom: 24px;
 }

.my-page-root__social-link {
  transition: transform;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  width: 24px;
  height: 24px;
  margin-right: 6px;
  margin-left: 6px;
  color: var(--logoColor);
 }
 .my-page-root__social-link:hover {
  transform: scale(1.15);
 }

.charity-card__img {
  filter: drop-shadow(1px 3px 6px rgba(255,255,255,0.8));
 }

.gumroad-link:hover,
 .email-collection-link:hover {
  transform: initial !important;
  box-shadow: inherit !important;
 }

.email-collection-link:hover {
  color: var(--buttonTextColor) !important;
 }

.email-collection-link__head {
  background: var(--buttonBackground) !important;
 }

.email-collection-link__terms, {
  color: var(--textBioColor) !important;
 }

.my-page-root__chevron {
  height: 14px;
  width: 14px;
  color: var(--buttonTextColor);
 }

.my-page-root__chevron-container--toggled {
  transform: rotate(180deg);
 }

.gumroad-link-button-fix,
 .email-collection-link,
 .graphic-link-fix {
  mask: none !important;
  -webkit-mask: none !important;
 }
 .gumroad-link-button-fix::before,
 .email-collection-link,
 .graphic-link-fix {
  border-image: none !important;
 }

.gumroad-link-button-fix::before {
  border: none !important;
 }

.email-collection-link {
  padding: 0 !important;
  background: transparent !important;
  cursor: default !important;
 }

.email-collection-link-submit {
  width: 200%;
  height: 48px;
  background: var(--inputBg);
  color: var(--inputTextColor);
  position: relative;
  padding: 12px 0;
 }

.email-collection-link-form-container-success {
  transform: translateY(-200px);
 }

.email-collection-link-submit:focus {
  outline: none;
 }

.email-collection-link-submit:hover {
  color: var(--buttonTextColorHover, inherit) !important;
 }

.upsell {
  background: linear-gradient(180deg, rgba(34, 92, 255, 0) 0%, var(--buttonBackground, #225CFF) 82.35%);
  color: var(--buttonTextColor, #ffffff);
 }

.my-page-spinner {
  align-items: center;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%;
 }

.my-page-spinner::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 3px solid var(--inputTextColor);
  border-left-color: transparent;
  border-top-color: transparent;
  animation: loading 0.5s linear infinite;
 }

@keyframes loading {
  0% {
 transform: rotate(0deg);
  }

100% {
 transform: rotate(360deg);
  }
 }

.input-error {
  border: 2px solid var(--errorColor, #e63131) !important;
 }
 </style>
 <script src="https://gumroad.com/js/gumroad-embed.js"></script>
 </head>
<body class="h-full page-body flex">
 <div
 class="absolute w-full h-full pointer-events-none page-background-image"
  style="background-image: url('')"
  data-background=""
 id="page-background-image"
 >
 </div>
 <div class="my-page-root__animated-canvas">
 <div class="" id="my-page-root-animated-canvas" data-animation=""></div>
 </div>
 <div class="my-page-root__container flex flex-col items-center justify-between p-0 page-container h-full">
 <div class="my-page-root__links-container flex flex-col items-center w-full h-full mx-auto pt-8">
  <img class="my-page-root__profile-icon rounded-full" height="100px" width="100px" src="https://cdn.wlo.link/profiles/icons/b2658384-47c2-4a09-8974-cc0d44cefb64" alt="mitosbetting" />
<div class="my-page-root__title mt-6">
 <span>@</span>mitosbetting
</div>
  <div class="my-page-root__links mt-6 justify-between">
 <div>

</div>
 <div
 class="box-border my-page-root__logo">
    <a href="https://wlo.link" target="_blank">
  <svg class="" width="39" height="18" viewBox="0 0 39 18" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect x="38.7527" y="6.42871" width="17.8261" height="6.36648" transform="rotate(139.524 38.7527 6.42871)" fill="var(--logoColor)" />
 <rect x="26.0198" y="5.53564" width="17.8261" height="6.36648" transform="rotate(139.524 26.0198 5.53564)" fill="var(--logoColor)" />
 <rect x="12.6049" y="17.1069" width="17.8261" height="6.36648" transform="rotate(-135 12.6049 17.1069)" fill="var(--logoColor)" />
  </svg>
  </a>
  </div>
</div>
  </div>
 <div class="my-page-root__donate-form transition-transform duration-300 ease-in-out px-6">
  <div class="flex items-end justify-end w-full mb-12 mt-2">
 <button class="focus:outline-none p-2 -m-2 my-page__close-donate-form-btn">
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path
  fill-rule="evenodd"
  clip-rule="evenodd"
  d="M8 9.98239L1.98239 16L0 14.0176L6.01761 8L0 1.98239L1.98239 0L8 6.01761L14.0176 0L16 1.98239L9.98239 8L16 14.0176L14.0176 16L8 9.98239Z"
  />
 </svg>
 </button>
</div>
<div class="my-page-root__donate-form__container transition-transform duration-300 ease-in-out">
 <div class="flex items-center mb-8">
 <img class="my-page-root__profile-icon--small rounded-full mr-3" height="32px" width="32px" src="https://cdn.wlo.link/profiles/icons/b2658384-47c2-4a09-8974-cc0d44cefb64" alt="mitosbetting" />
 <div class="my-page-root__title">
  Send tips to <span>@</span>mitosbetting
 </div>
 </div>
 <div class="my-page-root__subtitle text-center mb-8">
 How much do you want to send?
 </div>
 <div class="flex items-center justify-between mb-4">
 <input
  class="my-page-root__donate-form-input mr-4 focus:outline-none flex-grow transition-colors duration-200 ease-in-out min-w-0 text-center"
  type="number"
  placeholder="Enter Tip Amount"
  id="my-page-root__donate--tip-amount"
 >
 <select
  class="my-page-root__donate-form-select focus:outline-none cursor-pointer transition-colors duration-200 ease-in-out text-center"
  name="currency"
  id="my-page-root__donate--tip-currency"
 >
 </select>
 </div>
 <div class="grid grid-cols-4 gap-4 mb-8">
 <button class="my-page-root__donate-form-amount-btn focus:outline-none w-full button-7" data-amount="5">
  <span class="pointer-events-none"><span class="currencySymbol">$</span> 5</span>
 </button>
 <button class="my-page-root__donate-form-amount-btn focus:outline-none w-full button-7" data-amount="10">
  <span class="pointer-events-none"><span class="currencySymbol">$</span> 10</span>
 </button>
 <button class="my-page-root__donate-form-amount-btn focus:outline-none w-full button-7" data-amount="20">
  <span class="pointer-events-none"><span class="currencySymbol">$</span> 20</span>
 </button>
 <button class="my-page-root__donate-form-amount-btn focus:outline-none w-full button-7" data-amount="50">
  <span class="pointer-events-none"><span class="currencySymbol">$</span> 50</span>
 </button>
 </div>
 <div class="mb-4">
 <fieldset class="relative p-0 border-0 overflow-visible my-page-root__donate-input-wrapper w-full">
  <label class="block text-sm mb-1">
  Your name (optional)
  </label>
  <input
  class="w-full focus:outline-none"
  type="text"
  placeholder="Enter your name (optional)"
  id="my-page-root__donate--tip-name"
  />
 </fieldset>
 </div>
 <div class="mb-8">
 <fieldset class="relative p-0 border-0 overflow-visible my-page-root__donate-textarea-wrapper">
  <label class="block text-sm mb-1">
  Tip message (optional)
  </label>
  <textarea
  class="focus:outline-none w-full mt-1"
  rows="5"
  placeholder="Tip message (optional)"
  id="my-page-root__donate--tip-message"
  >