/*
Theme Name: Flatsome child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* CSS Trang website */
:root {
    --angle: 45deg;
    --opacity: 0.5;
}
.st_website .col-inner{
    border-radius: 10px;
    padding: 2rem;
    background: white;
    margin: 1.75rem auto;
    display: grid;
    place-content: center;
    text-align: center;
    font-size: 1.5em;
    border: 0.3rem solid transparent;
    border-image: conic-gradient(from var(--angle), #d6001b 0deg 90deg, #f7ad30 90deg 180deg, #166dc8 180deg 270deg, #49c98d 270deg 360deg) 1 stretch;
}
.st_website .icon-box-left{
    align-items: center;
}
.st_website .col-inner {
	animation: rotate 4s linear infinite, opacityChange 3s infinite alternate;
}
@keyframes opacityChange {
	to {
		--opacity: 1;
	}
}

@keyframes rotate {
	to {
		--angle: 360deg;
	}
}
@property --opacity {
	syntax: "<number>";
	initial-value: 0.5;
	inherits: false;
}

@property --angle {
	syntax: "<angle>";
	initial-value: 0deg;
	inherits: false;
}
/* End Website */