.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-144 .elementor-element.elementor-element-06af720{text-align:center;}.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-144 .elementor-element.elementor-element-ac43946{color:#000000;}/* Start custom CSS for html, class: .elementor-element-cc050ca */#circle {
    width: 200px;
    height: 200px;
    border: 15px solid red;
    margin: 0 auto;
    margin-top: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    animation: circle 2s infinite forwards;

}

@keyframes circle {
    0% { border-color: red; transform: scale(1); }
    25% { border-color: gold; transform: scale(1.1); }
    50%{ border-color: lime; scale(1.3); }
    75%{ border-color: dodgerblue; scale(1.1); }
    100%{ border-color: purple; transform: scale(1); }
}

#square {
    width: 75px;
    height: 75px;
    border: 5px solid limegreen;
    animation: square 2s infinite ease-in-out alternate-reverse;

}

@keyframes square {
    0% { transform: rotate(0deg) }
    25% { border-color: aqua; border-width: 10px; }
    50%{ border-color: coral; border-width: 20px; }
    75%{ border-color: yellow; border-width: 40px; }
    100%{ transform: rotate(360deg); border-width: 5px; }
}/* End custom CSS */