.hover{transition:.2s;cursor:pointer}body{background:#1c1c1c;color:#fff8e7;font-family:Poppins,Arial,sans-serif;margin:0}@keyframes slide-in-from-left{0%{translate:-100vw 0}}@keyframes slide-in-from-right{0%{translate:100vw 0}}@keyframes slide-out-to-left{to{translate:-100vw 0}}@keyframes slide-out-to-right{to{translate:100vw 0}}::view-transition-group(*){animation-duration:.85s}html:active-view-transition-type(forwards)::view-transition-old(screen-anim){animation-name:slide-out-to-left}html:active-view-transition-type(forwards)::view-transition-new(screen-anim){animation-name:slide-in-from-right}html:active-view-transition-type(backwards)::view-transition-old(screen-anim){animation-name:slide-out-to-right}html:active-view-transition-type(backwards)::view-transition-new(screen-anim){animation-name:slide-in-from-left}