.center-image {
  align-items: center;
   justify-content: center;
  
 }
 img {
   width: 250px;
   height: 250px;
 }
 /* Style for the checkbox */
input[type=checkbox] {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}

/* Style for the custom checkbox */
input[type=checkbox] + label::before {
content: "";
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
margin-right: 10px;
background: #F0CD62;
border: 2px solid #E4B72D;
border-radius: 4px;
box-shadow: inset 0 0 0 2px #F0CD62;
}

/* Style for the checked custom checkbox */
input[type=checkbox]:checked + label::before {
content: "";
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
margin-right: 10px;
background: #fe0303;
border: 2px solid #E4B72D;
border-radius: 4px;
box-shadow: inset 0 0 0 5px #E4B72D;
}

/* Style for the label text */
input[type=checkbox] + label {
display: inline-block;
font-size: 18px;
line-height: 24px;
color: #080808;
cursor: pointer;
font-family: Arial, Helvetica, sans-serif;
}


input[type=checkbox]:checked,
input[type=checkbox]:not(:checked) {
position: absolute;
left: -9999px;
color: aqua;
}

html, body {
height: 100%;
margin: 0;
background-color: #F0CD62;
}

.fullscreen {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}

/* Optional styles for the content inside the fullscreen div */
.fullscreen .content {
text-align: center;
}