.page{flex-flow:column wrap;place-content:center;gap:1.2vmax;width:100%;height:100vh;display:flex}.page video{z-index:-1;object-fit:cover;width:100%;height:100vh;position:fixed}.page .container-buttons{gap:1vmax;width:fit-content;margin-inline:auto;display:flex}.page .button-show-or-not{background-color:#0002;border:.1vmax solid #0003;border-radius:50%;flex-wrap:wrap;place-content:center;width:1.4vmax;height:1.4vmax;margin-inline:auto;padding:1vmax;display:flex}.page .button-show-or-not:active{opacity:.5}.page .rectangle{background-image:linear-gradient(to bottom right,#0f0,#1e90ff);width:18vmax;height:7vmax;position:relative}.page .rectangle.rectangle-gradient{background-image:linear-gradient(to bottom right,#0f0,#1e90ff)}.page .rectangle.rectangle-hidden{opacity:0}::view-transition-new(.slide-in-left){animation-duration:.5s;animation-timing-function:ease-in-out}::view-transition-new(.slide-in-right){animation-duration:.5s;animation-timing-function:ease-in-out}::view-transition-old(.slide-out-left){animation-duration:.5s;animation-timing-function:ease-in-out}::view-transition-old(.slide-out-right){animation-duration:.5s;animation-timing-function:ease-in-out}::view-transition-new(.slide-in-left){animation-name:slideInLeft}::view-transition-old(.slide-out-right){animation-name:slideOutRight}::view-transition-new(.slide-in-right){animation-name:slideInRight}::view-transition-old(.slide-out-left){animation-name:slideOutLeft}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0%)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0%)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0%)}to{opacity:0;transform:translate(100%)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0%)}to{opacity:0;transform:translate(-100%)}}