.elementor-273 .elementor-element.elementor-element-28c9805{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-49c651b */@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap');
*
{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Poppins', sans-serif;
}
body 
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width:100vw;
	min-height: 100vh;
	background: #000;
	background: linear-gradient(45deg, #0085ff, #ff1458);
}
.board 
{
	position: relative;
	display: grid;
	grid-template-columns: repeat(3,1fr);
	margin: 0 10px;
}
.dropBox
{
	position: relative;
    float: left;
    width: 140px;
    height: 140px;
	border-right: 4px solid #fff;
	border-bottom: 4px solid #fff;
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.dropBox:nth-child(3),
.dropBox:nth-child(6),
.dropBox:nth-child(9)
{
	border-right: none;
}
.dropBox:nth-child(7),
.dropBox:nth-child(8),
.dropBox:nth-child(9)
{
	border-bottom: none;
}
.dropBox div 
{
	pointer-events: none;
	scale: 1.5;
}

.drag 
{
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    width: 100px;
    gap: 10px;
    margin: 10px 0;
    cursor: grab;
}
.drag .dragBox 
{
	padding: 15px;
	background: rgba(255,255,255,0.1);
}
.cross 
{
	position: relative;
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.cross::before 
{
	content: '';
	position: absolute;
	width: 5px;
	height: 100%;
	background: #fff;
	transform: rotate(45deg);
}
.cross::after 
{
	content: '';
	position: absolute;
	width: 100%;
	height: 5px;
	background: #fff;
	transform: rotate(45deg);
}
.circle 
{
	position: relative;
	width: 50px;
	height: 50px;
	border: 5px solid #fff;
	border-radius: 50%;
}
.reset 
{
	position: absolute;
	bottom: -100px;
	left: 50%;
	transform: translateX(-50%);
	padding: 10px 25px;
	border: none;
	background: #161616;
	color: #fff;
	font-size: 1.25em;
	cursor: pointer;
	outline: none;
}/* End custom CSS */