*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{overflow:hidden;height:100%;width:100%;top:0;left:0;padding:0;margin:0;-webkit-user-select:none;user-select:none;font-family:"Figtree",sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal;cursor:cell}section{position:absolute;width:100%;height:100%;display:flex;align-items:baseline;gap:16px;padding:48px}@media(orientation: portrait){section{gap:8px;padding:24px}}section h1{font-size:16px;color:var(--color4);font-weight:600}@media(orientation: portrait){section h1{font-size:13px}}section h2{font-size:16px;color:var(--color3);font-weight:300}@media(orientation: portrait){section h2{font-size:13px}}#canvas{position:absolute;overflow:hidden;height:100%;width:100%;top:0;left:0;padding:0;margin:0}#canvas>div{position:absolute;top:0;left:0;background:var(--theme-bg);color:var(--theme-color);border-radius:50%;overflow:hidden;transition:transform .1s}#canvas>canvas{position:absolute;top:0;left:0;transition:transform .1s;cursor:grab;animation:grab .5s infinite steps(2, end)}.jean a{position:absolute;width:100%;height:100%}.jean img{position:absolute;width:100%;height:100%;object-fit:contain}.jean:hover{cursor:grab;animation:grab .5s infinite steps(2, end)}.menu>a{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:16px;color:inherit;text-decoration:none;transition:font-weight .3s;cursor:pointer}@media(orientation: portrait){.menu>a{font-size:12px}}.menu>a svg{width:36px;height:36px;stroke:var(--theme-color);stroke-width:1;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:stroke-width .3s}.menu>a:hover{font-weight:500}.menu>a:hover svg{stroke-width:2}.menu:hover{border:3px solid var(--theme-color)}.case>a{position:absolute;width:100%;height:100%;cursor:pointer;display:flex;justify-content:center;align-items:center}.case>a img{width:80%;height:80%;object-fit:cover;border-radius:50%;transition:transform .3s}.case>a:hover img{transform:scale(1.1)}.text{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:16px;line-height:1.5;animation:grab .5s infinite steps(2, end)}@media(orientation: portrait){.text{font-size:10px}}@keyframes grab{0%{cursor:grabbing}100%{cursor:grab}}/*# sourceMappingURL=style.css.map */