label {
  color: white; /* or color: #ffffff; */
  font-family: Segoe UI Light
  /* css is a piece of shit*/
}
label {
  margin-top: 59px;
  margin-left: 120px;
  margin-bottom: 98px;
  font-size: 52px;
}
button {
height: 75px;
width: 75px;
margin-bottom: 4px;
}
body {
	background-color: #0F0052;
}

.image-button {
    /* 1. Set the background image URL */
    background-image: url('assets/desktoptile/desktopwide.png'); /* */

    /* 2. Control the image size and repetition */
    background-size: cover; /* or 'contain' depending on your needs. 'cover' stretches the image to fill the button. */
    background-repeat: no-repeat; /* Prevents the image from tiling if it's small */
    background-position: center; /* Centers the image within the button */
    
    /* 3. Define the button's dimensions */
    width: 200px; /* Set a specific width */
    height: 100px; /* Set a specific height */

    /* 4. Optional: Remove default button styles for a cleaner look */
    border: none; /* */
    background-color: transparent; /* Makes sure the default button color doesn't show through if the image has transparent parts */
    cursor: pointer; /* Changes the mouse cursor to a hand pointer on hover */
    
    /* 5. Optional: If you have text, style the text color */
    color: white; 
	font-family: Segoe UI;
	font-size: 13px;
	 border: 2px solid #DA9D1B;
	 text-align: left;
	 margin-left: 45px;
	 

}

.child-text {
  display: table-cell; /* Makes the child behave like a table cell */
  vertical-align: bottom; /* Aligns text to the bottom */
}
.button-metro {
   border: 4px solid #ffffff;
   background-color: transparent;
   font-family: Segoe UI Semibold;
   color: white;
    width: 150px;
    height: 40px;
   
}