@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Lexend:wght@100..900&display=swap";@keyframes music-bounce{0%,to{height:4px}50%{height:16px}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes write-signature{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.music-bar-1{animation:music-bounce 1.2s ease-in-out infinite}.music-bar-2{animation:music-bounce 1s ease-in-out infinite}.music-bar-3{animation:music-bounce 1.4s ease-in-out infinite}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial;--tw-duration: initial }}}@font-face{font-family:Chewy;src:url(/fonts/Chewy-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}.absolute{position:absolute}.relative{position:relative}.block{display:block}.contents{display:contents}.flex{display:flex}.aspect-\[16\/5\]{aspect-ratio:16/5}.h-full{height:100%}.w-full{width:100%}.transform{transform:var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, )}.cursor-pointer{cursor:pointer}.touch-manipulation{touch-action:manipulation}.resize{resize:both}.items-start{align-items:flex-start}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.bg-gradient-to-br{--tw-gradient-position: to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.object-contain{-o-object-fit:contain;object-fit:contain}.text-center{text-align:center}.whitespace-pre-line{white-space:pre-line}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter{filter:var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease, ease);transition-duration:var(--tw-duration, 0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, ease);transition-duration:var(--tw-duration, 0s)}.duration-300{--tw-duration: .3s;transition-duration:.3s}html,body{color:#000;background-color:#f7f6eb;font-family:Lexend,sans-serif}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceRight{0%,to{transform:translate(0)}50%{transform:translate(3px)}}@keyframes slideUpFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownFromTop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes dropWithBounce{0%{opacity:0;transform:translateY(-150px)scale(.5)}50%{opacity:.8;transform:translateY(20px)scale(1.1)}70%{transform:translateY(-5px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes arrow-bounce{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(5px) rotate(-5deg)}}@keyframes draw-arrow{0%{stroke-dashoffset:70}to{stroke-dashoffset:0}}.animate-fadeIn{animation:.4s ease-out fadeIn}.animate-bounceRight{animation:1.2s ease-in-out infinite bounceRight}.animate-slideUpFromBottom{animation:1.2s ease-out forwards slideUpFromBottom}.animate-slideDownFromTop{animation:.8s ease-out forwards slideDownFromTop}.animate-dropFromTop{animation:.8s cubic-bezier(.68,-.55,.265,1.55) forwards dropFromTop}.animate-dropWithBounce{animation:1s cubic-bezier(.68,-.55,.265,1.55) forwards dropWithBounce}.portfolio-element{opacity:0;animation-fill-mode:forwards;transform:translateY(-100%)}@property --tw-rotate-x{syntax: "*"; inherits: false}@property --tw-rotate-y{syntax: "*"; inherits: false}@property --tw-rotate-z{syntax: "*"; inherits: false}@property --tw-skew-x{syntax: "*"; inherits: false}@property --tw-skew-y{syntax: "*"; inherits: false}@property --tw-blur{syntax: "*"; inherits: false}@property --tw-brightness{syntax: "*"; inherits: false}@property --tw-contrast{syntax: "*"; inherits: false}@property --tw-grayscale{syntax: "*"; inherits: false}@property --tw-hue-rotate{syntax: "*"; inherits: false}@property --tw-invert{syntax: "*"; inherits: false}@property --tw-opacity{syntax: "*"; inherits: false}@property --tw-saturate{syntax: "*"; inherits: false}@property --tw-sepia{syntax: "*"; inherits: false}@property --tw-drop-shadow{syntax: "*"; inherits: false}@property --tw-drop-shadow-color{syntax: "*"; inherits: false}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%}@property --tw-drop-shadow-size{syntax: "*"; inherits: false}@property --tw-duration{syntax: "*"; inherits: false}#root{width:100%;margin:0 auto}.h-half{height:min(60vh,600px)}@media(max-width:768px){.h-half{height:auto;aspect-ratio:16/9}}