.robot{
    position: absolute;
    z-index: 100000;
    width: 5%;
    height: 12%;
    bottom: 15%;
    left: 15%;
    perspective: 1000px;
    transform-origin: center;
    transform: scale(0.8)
}
.robot-mute{
    position: absolute;
    font-size: 2vh;
    right: 100%;
    bottom: 20%;
    width: 20%;
    height: 15%;
    filter: brightness(30) contrast(50) grayscale(100%);
}
.robot-options:hover{
    animation: uiPop 0.1s linear forwards;
    cursor: url(imgs/cursorButton.png) 20 20, auto;
}
.robot-image{
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(imgs/robotv1.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    animation: float-robot 6s ease-in-out infinite, robot-hue 15s ease-in-out infinite;
    transform: scale(0.9);
    transform-origin: center;
}
.robot-shadow{
    position: absolute;
    width: 1px;
    height: 1px;
    top: 160%;
    left: 50%;
    z-index: 50000;
    border-radius: 1000px;
    transform: rotateX(80deg);
    transform-style: preserve-3d;
    box-shadow: 0px 0px 20px 15px white;
    opacity: 0.95;
    animation: robot-shadow-anim 6s ease-in-out infinite;
}

.robot-eyes{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url(imgs/happy_eyes.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    transform-origin: center;
}
.robotChat{
    position: absolute;
    left:80%;
    width: 200%;
    color: rgb(255, 255, 255); 
    z-index: 300; 
    font-family: 'Passero One', italic; 
    font-size: 2.1vh; 
    line-height: 1.3;
    font-weight: 100;
    padding-left:2px;
    padding-right:2px;
    border-left: solid 2px rgb(255, 255, 255);
    pointer-events: none;
    transform: scale(0.7);
    background-color: black;
}