@keyframes slideInFromLeft {
0% {
            transform: translateX(-20%);
}
100% {
            transform: translateX(0);
}
}
@keyframes  slideInFromTop{
0% {
            transform: translateY(-10%);
}
100% {
            transform: translateY(0);
}
}
@keyframes  slideInFromBelow{
0% {
            transform: translateY(10%);
}
100% {
            transform: translateY(0);
}
}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}
@keyframes animatebottom{from{bottom:-100px;opacity:0}
to{bottom:0;opacity:1}}
div.spaceme0 {
        animation: 1s ease-in-out 0s 1 animatebottom;
}
div.spaceme1 {
        animation: 1s ease-in-out 0s 1 slideInFromTop;
}
div.spaceme2 {
        animation: 1s ease-in-out 0s 1 slideInFromBelow;
}
    

/* ----------------------------------------------
 * Generated by Animista on 2025-10-8 10:11:24
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
.flip-in-hor-bottom {
	animation: flip-in-hor-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.slide-in-left {
	animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.tilt-in-fwd-tr {
	animation: tilt-in-fwd-tr 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.rotate-in-2-cw {
	animation: rotate-in-2-cw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/**
 * ----------------------------------------
 * animation flip-in-hor-bottom
 * ----------------------------------------
 */
@keyframes flip-in-hor-bottom {
0% {
    transform: rotateX(80deg);
    opacity: 0;
}
100% {
    transform: rotateX(0);
    opacity: 1;
}
}
/**
 * ----------------------------------------
 * animation slide-in-left
 * ----------------------------------------
 */
@keyframes slide-in-left {
0% {
    transform: translateX(-1000px);
    opacity: 0;
}
100% {
    transform: translateX(0);
    opacity: 1;
}
}
/**
 * ----------------------------------------
 * animation tilt-in-fwd-tr
 * ----------------------------------------
 */
@keyframes tilt-in-fwd-tr {
0% {
    transform: rotateY(20deg) rotateX(35deg) translate(300px, -300px) skew(-35deg, 10deg);
    opacity: 0;
}
100% {
    transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
}
}
/**
 * ----------------------------------------
 * animation rotate-in-2-cw
 * ----------------------------------------
 */
@keyframes rotate-in-2-cw {
0% {
    transform: rotate(-45deg);
    opacity: 0;
}
100% {
    transform: rotate(0);
    opacity: 1;
}
}
/**
 * ----------------------------------------
 * animation shadow-drop-center
 * ----------------------------------------
 */



.selected {
            border:  5px solid rgba(107, 174, 183, 0.95);
            padding:1px;
}
.info {
    display:none;
    width:0;
}
.info.active {
    display:flex;
    width:50%;
	   animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/**
 * ----------------------------------------
 * animation slide-in-right
 * ----------------------------------------
 */