/* Global Styles */
body {
margin: 0;
padding: 0;
background-color: #FFD633; /* Yellow background */
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
flex-direction: column;
}

button {
margin-bottom: 20px;
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
background-color: #E9724C;
color: white;
border: none;
border-radius: 5px;
}

/* Container for Minion's Eyes */
.container {
position: relative;
width: 100%;
height: 100%;
}

/* Minion's Eyes Styles */
.eyes-wrapper {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
justify-content: space-between;
width: 14em;
}

.eyes-wrapper:before {
content: "";
position: absolute;
width: 26em;
height: 6em;
background-color: #a8a7ac;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
}
.eye {
width: 10em;
height: 10em;
border: 15px solid #a6a4ad;
background-color: #ffffff;
border-radius: 50%;
}
.eyeball {
height: 3.2em;
width: 3.2em;
top: 38%;
background: radial-gradient(#271e1e 35%, #935a29 37%);
border-radius: 50%;
margin: 0.2em 3.5em;
position: relative;
}

/* Circle Styles */
.circle {
position: absolute;
cursor: grab;
width: 100px;
height: 100px;
user-select: none;
display: none; /* Hide initially */
left: 50%;
top: 50%;
transform: translate(-50%, -50%);