.left_eyes {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: 300px;
    position: absolute;
    z-index: 5;
    opacity: 0.5;
}

.left_eye {
    display: flex;
    justify-content: center;
    align-items: center; 
    margin: 20px;
    position: relative;
    height: 70px;
    right: 500px;
}

.eyeball {
    background-color: var(--background-color);
    border-radius: 49% 51% 49% 51% / 50% 51% 49% 50% ;
    overflow: hidden;
    width: 150px;
    height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute; 
    z-index: 9;  
}

.left_eye_frame {
    position: absolute;
    width: 220px;
    height: 110px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transform: translateX(-4px) translateY(11px);
    -webkit-transform: translateX(-4px) translateY(11px);
    -moz-transform: translateX(-4px) translateY(11px);
    z-index: 10;
}

.left_eye:nth-child(2) .eyeball{
    width: 100px;
    height: 50px;
    transform: translateX(70px) translateY(-30px);
    -webkit-transform: translateX(70px) translateY(-30px);
    -moz-transform: translateX(70px) translateY(-30px);
}

.left_eye:nth-child(3) .eyeball{
    width: 180px;
    height: 90px;
    transform: translateX(-20px) translateY(-30px);
    -webkit-transform: translateX(-20px) translateY(-30px);
    -moz-transform: translateX(-20px) translateY(-30px);
}

.left_eye:nth-child(5) .eyeball{
    width: 80px;
    height: 40px;
    transform: translateX(-68px) translateY(-22px);
    -webkit-transform: translateX(-68px) translateY(-22px);
    -moz-transform: translateX(-68px) translateY(-22px);
}

.left_eye:last-child .eyeball{
    width: 120px;
    height: 60px;
    transform: translateX(55px) translateY(-40px);
    -webkit-transform: translateX(55px) translateY(-40px);
    -moz-transform: translateX(55px) translateY(-40px);
}

.left_eye:nth-child(2) .left_eye_frame{
    width: 120px;
    height: 78px;
    transform: translateX(68px) translateY(-22px);
    -webkit-transform: translateX(68px) translateY(-22px);
    -moz-transform: translateX(68px) translateY(-22px);
}

.left_eye:nth-child(3) .left_eye_frame{
    width: 220px;
    height: 136px;
    transform: translateX(-24px) translateY(-16px);
    -webkit-transform: translateX(-24px) translateY(-16px);
    -moz-transform: translateX(-24px) translateY(-16px);
}

.left_eye:nth-child(5) .left_eye_frame{
    width: 80px;
    height: 64px;
    transform: translateX(-68px) translateY(-16px);
    -webkit-transform: translateX(-68px) translateY(-16px);
    -moz-transform: translateX(-68px) translateY(-16px);
}

.left_eye:last-child .left_eye_frame{
    width: 100px;
    height: 94px;
    transform: translateX(55px) translateY(-30px);
    -webkit-transform: translateX(55px) translateY(-30px);
    -moz-transform: translateX(55px) translateY(-30px);
}

/*-------------*/

.iris {
    height: 100%;
    width: 50%;
    background: radial-gradient(circle, rgba(46,97,138,1) 27%, rgba(185,204,219,1) 60%);
    background: -webkit-radial-gradient(circle, rgba(46,97,138,1) 27%, rgba(185,204,219,1) 60%);
    background: -moz-radial-gradient(circle, rgba(46,97,138,1) 27%, rgba(185,204,219,1) 60%);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
}

.eye_inner {
    height: 40%;
    width: 40%;
    background: var(--dark-bg-color);
    border-radius: 50%;
    transition: all 1.2s cubic-bezier(.42,.09,.36,.92);
    -webkit-transition: all 1.2s cubic-bezier(.42,.09,.36,.92);
    -moz-transition: all 1.2s cubic-bezier(.42,.09,.36,.92);
}

/*-------------------------*/

.right_eyes {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: 300px;
    position: absolute;
    z-index: 5;
    opacity: 0.5;
    right: 0;
}

.right_eye {
    display: flex;
    justify-content: center;
    align-items: center; 
    margin: 20px;
    position: relative;
    height: 70px;
    left: 500px;
}

.right_eye_frame {
    width: 220px;
    height: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateX(-4px) translateY(11px);
    -webkit-transform: translateX(-4px) translateY(11px);
    -moz-transform: translateX(-4px) translateY(11px);
    z-index: 10;
    position: absolute;
}

.eyeball2 {
    background-color: var(--background-color);
    border-radius: 49% 51% 49% 51% / 50% 51% 49% 50% ;
    overflow: hidden;
    width: 150px;
    height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute; 
    z-index: 9;  
}

.right_eye:nth-child(1) .eyeball2{
    width: 180px;
    height: 90px;
    transform: translateX(20px) translateY(65px);
    -webkit-transform: translateX(20px) translateY(65px);
    -moz-transform: translateX(20px) translateY(65px);
}

.right_eye:nth-child(1) .right_eye_frame{
    transform: translateX(17px) translateY(78px) scale(1);
    -webkit-transform: translateX(17px) translateY(78px) scale(1);
    -moz-transform: translateX(17px) translateY(78px) scale(1);
}

.right_eye:nth-child(2) .eyeball2{
    width: 90px;
    height: 45px;
    transform: translateX(-80px) translateY(40px);
    -webkit-transform: translateX(-80px) translateY(40px);
    -moz-transform: translateX(-80px) translateY(40px);
}

.right_eye:nth-child(2) .right_eye_frame{
    transform: translateX(-80px) translateY(48px) scale(0.54);
    -webkit-transform: translateX(-80px) translateY(48px) scale(0.54);
    -moz-transform: translateX(-80px) translateY(48px) scale(0.54);
}

.right_eye:nth-child(3) .eyeball2{
    width: 160px;
    height: 80px;
    transform: translateX(0px) translateY(40px);
    -webkit-transform: translateX(0px) translateY(40px);
    -moz-transform: translateX(0px) translateY(40px);
}

.right_eye:nth-child(3) .right_eye_frame{
    transform: translateX(-3px) translateY(52px) scale(0.9);
    -webkit-transform: translateX(-3px) translateY(52px) scale(0.9);
    -moz-transform: translateX(-3px) translateY(52px) scale(0.9);
}

.right_eye:nth-child(4) .eyeball2{
    width: 100px;
    height: 50px;
    transform: translateX(50px) translateY(30px);
    -webkit-transform: translateX(50px) translateY(30px);
    -moz-transform: translateX(50px) translateY(30px);
}

.right_eye:nth-child(4) .right_eye_frame{
    transform: translateX(50px) translateY(38px) scale(0.58);
    -webkit-transform: translateX(50px) translateY(38px) scale(0.58);
    -moz-transform: translateX(50px) translateY(38px) scale(0.58);
}

.right_eye:nth-child(5) .eyeball2{
    width: 260px !important;
    height: 130px !important;
    transform: translateX(-150px) translateY(0px);
    -webkit-transform: translateX(-150px) translateY(0px);
    -moz-transform: translateX(-150px) translateY(0px);
}

.right_eye:nth-child(5) .right_eye_frame{
    transform: translateX(-155px) translateY(20px) scale(1.45);
    -webkit-transform: translateX(-155px) translateY(20px) scale(1.45);
    -moz-transform: translateX(-155px) translateY(20px) scale(1.45);
}


/*----------------------------*/

.eyes_fixed {
    position: fixed;
}