@property --a{syntax: "<angle>"; initial-value: 30deg; inherits: true;}:root{--a: 110deg}@keyframes r{to{transform:rotate(1turn)}}@keyframes d{0%,to{transform:perspective(450px) rotate3d(1,1,0,var(--g))}12.5%{transform:perspective(450px) rotateY(var(--g))}25%{transform:perspective(450px) rotate3d(-1,1,0,var(--g))}37.5%{transform:perspective(450px) rotate3d(-1,0,0,var(--g))}50%{transform:perspective(450px) rotate3d(-1,-1,0,var(--g))}62.5%{transform:perspective(450px) rotate3d(0,-1,0,var(--g))}75%{transform:perspective(450px) rotate3d(1,-1,0,var(--g))}87.5%{transform:perspective(450px) rotateX(var(--g))}}.message-error{color:red;font-size:.8em;line-height:1rem}.session{width:min(80%,500px);width:min(80%,400px);aspect-ratio:1/1;border-radius:calc(min(80%,400px)/8);background:crimson;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;--g: 5deg;animation:d 1s infinite linear}.session.none3d{animation:none}.session:before{content:"";position:absolute;width:150%;height:150%;background:conic-gradient(crimson var(--a),gold 120deg,gold 230deg,aqua 240deg);animation:r 3s infinite linear;transition:--a 1.5s}.session:after{content:"";position:absolute;inset:calc(min(80%,400px)/50);border-radius:calc(min(80%,400px)/8);background:#333}.session:hover{--g: 0deg;--a: 360deg}.session:has(*:focus){--g: 0deg;--a: 360deg}.session img,.session .container-move{position:absolute;z-index:1;width:90%;aspect-ratio:1/1;object-fit:cover;border-radius:calc(min(80%,400px) / 9)}.session nav{display:flex;flex-flow:column nowrap;justify-content:space-evenly;align-items:center;padding:2rem;gap:1rem}.session nav label{color:#eee;width:100%;text-align:center;font-size:1.2rem}.session nav input{width:100%;font-size:1.2rem}.session nav a{align-self:flex-end}.register{width:min(90%,700px);display:flex;flex-flow:column nowrap;font-size:1.2rem;text-align:center}.register .form_person{font-weight:700}.register label{text-align:right;margin:1rem 0;vertical-align:top}.register label input,.register label select,.register label textarea,.register label option{vertical-align:top;width:60%;font-size:1.1rem}@media (max-width: 768px){.session,.register{width:min(90%,400px)}.register label{outline:1px solid;width:100%}.register label input,.register label select,.register label textarea{display:block;width:90%}}