.elementor-209 .elementor-element.elementor-element-44783d82{--display:flex;}.elementor-209 .elementor-element.elementor-element-44783d82:not(.elementor-motion-effects-element-type-background), .elementor-209 .elementor-element.elementor-element-44783d82 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-209 .elementor-element.elementor-element-67aa2f68{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-209 .elementor-element.elementor-element-a272782{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-209 .elementor-element.elementor-element-3d55d10{text-align:start;font-family:"PT Sans Caption", Sans-serif;font-size:16px;font-weight:400;line-height:25px;letter-spacing:1.3px;color:#919191;}.elementor-209 .elementor-element.elementor-element-0abfe16{text-align:start;font-family:"PT Sans Caption", Sans-serif;font-size:16px;font-weight:400;line-height:25px;letter-spacing:1.3px;color:#919191;}.elementor-209 .elementor-element.elementor-element-4ac4319c{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-209 .elementor-element.elementor-element-3db59a58 img{width:60%;border-style:groove;border-width:10px 10px 10px 10px;border-color:#333333;border-radius:10px 10px 10px 10px;}.elementor-209 .elementor-element.elementor-element-5e70b8c1{--display:flex;--min-height:200px;--justify-content:center;}.elementor-209 .elementor-element.elementor-element-5e70b8c1:not(.elementor-motion-effects-element-type-background), .elementor-209 .elementor-element.elementor-element-5e70b8c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-209 .elementor-element.elementor-element-5e70b8c1.e-con{--align-self:center;}.elementor-209 .elementor-element.elementor-element-33574a4f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-209 .elementor-element.elementor-element-33574a4f.e-con{--align-self:center;}.elementor-209 .elementor-element.elementor-element-6b9276c2.elementor-element{--align-self:center;}@media(max-width:767px){.elementor-209 .elementor-element.elementor-element-3d55d10{text-align:center;}.elementor-209 .elementor-element.elementor-element-0abfe16{text-align:center;}}@media(min-width:768px){.elementor-209 .elementor-element.elementor-element-a272782{--width:40%;}.elementor-209 .elementor-element.elementor-element-4ac4319c{--width:60%;}}/* Start custom CSS for html, class: .elementor-element-6b9276c2 */body {
  margin: 0;
  padding: 0;
  background: #333;
}

.wrapper {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
}

.eye {
  width: 120px;
  height: 120px;
  background: white;
  display: inline-block;
  margin: 40px;
  border-color: black;
  border-width: 1px;
  border-style: solid;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.ball {
  width: 80px;
  height: 80px;
  background: black;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 25px solid teal;
  border-radius: 50%;
}

.shut {
  width: 300px;
  height: 160px;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
}

.shut span {
  display: block;
  width: 100%;
  height: 20%;
  background: #ff6b6b;
  border-radius: 0 0 60% 60%;
  transition: 0.4s all;
  
  @keyframes blink {
    0% {
      height: 20%;
    }
    50% {
      height: 100%;
    }
    100% {
      height: 20%;
    }
  }
}

.eye:hover > .shut span {
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e70b8c1 */.eye{
    position: absolute;
    left:-90px;
    top:-95px;
}/* End custom CSS */