*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}html{background:#1e1e1e;background-repeat:no-repeat,repeat;position:relative}.root{min-height:100vh;display:flex;flex-direction:column;overflow:hidden;width:100%;max-width:1500px;margin:0 auto}.hero{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin:48px auto;max-width:350px}.menu{cursor:pointer}.stickers{position:relative;height:100vh}.sticker{position:absolute;filter:drop-shadow(10px 10px 15px rgba(0,0,0,.6));transition:transform .1s ease-out;will-change:transform;transform:scale(var(--scale, 1)) rotate(var(--rotate, 0)) translate(calc(var(--scroll-y) * .1 * var(--x-direction, 1)),calc(var(--scroll-y) * .1 * var(--y-direction, 1)))}.sticker-1{top:15%;left:10%;--scale: .9;--rotate: -15deg;--x-direction: -1;--y-direction: 0}.sticker-2{top:20%;left:-20%;--scale: .5;--rotate: 5deg;--x-direction: 0;--y-direction: 0}.sticker-3{top:-10%;left:-20%;--scale: .7;--rotate: 10deg;--x-direction: -1}.sticker-4{top:30%;left:-20%;--scale: .8;--rotate: 25deg}.sticker-5{top:-20%;right:-20%;--scale: .5}.sticker-6{top:30%;right:-30%;--scale: .6;--rotate: -5deg;--x-direction: -1}.sticker-7{top:0;right:-30%;--scale: .8;--x-direction: -1;--y-direction: -1}.sticker-8{top:70%;left:-35%;--scale: .7;--rotate: 15deg;--x-direction: -1;--y-direction: -1}.sticker-9{top:15%;right:-35%;--scale: .6;--rotate: 15deg;--x-direction: -1;--y-direction: -1}.sticker-10{top:60%;right:-35%;--scale: .8;--rotate: -10deg;--x-direction: -1}.contact{width:100%;height:100%;max-width:unset;max-height:unset;background:#0003;backdrop-filter:blur(4px);border:none;outline:none}.contact-image{margin:200px auto auto;width:100%;max-width:500px}@media(min-width:700px){.root{display:grid;grid-template-columns:500px 1fr}.stickers{width:100%;max-width:900px;margin:0 auto}.hero{margin-right:unset}.sticker{max-width:unset;width:400px;transform:scale(var(--scale, 1)) rotate(var(--rotate, 0)) translate(calc(var(--mouse-x) * .1),calc(var(--mouse-y) * .1))}.sticker-1{top:unset;right:unset;bottom:-5%;left:20%;--scale: 1.3}.sticker-2{top:unset;left:unset;bottom:40%;right:20%;--scale: .7}.sticker-3{top:unset;left:unset;right:-5%;bottom:20%;--scale: .8}.sticker-4{top:unset;left:unset;right:20%;bottom:5%;--scale: .8;--rotate: 22deg}.sticker-5{right:unset;bottom:unset;top:20%;left:5%;--scale: .8}.sticker-6{bottom:unset;right:unset;top:-10%;left:30%;--scale: .7;--rotate: 10deg}.sticker-7{top:unset;right:unset;left:unset;bottom:-10%;--scale: 1.1}.sticker-8{top:unset;left:unset;bottom:unset;right:-5%;--scale: .8}.sticker-9{top:unset;left:unset;bottom:-10%;right:0;--scale: .8}.sticker-10{top:unset;left:unset;right:unset;bottom:unset;--scale: .8}.contact-image{margin-top:250px}}