/*  body {

      overflow: hidden;
      transform-origin: center center;
	  display: flex;
      justify-content: center;
      align-items: center;
    } */

@font-face {
    font-family: 'Decalotype';
    src: url('Files/Decalotype-Regular.woff') format('woff');
}
/* Apply to all input fields and lists */
input, textarea {
    background-color: white;
    border: none;
	border: 5px solid transparent; /* Set border color */
    border-radius: 8px;
    padding: 2px;
    margin: 0;
    font-size: 16px;
    color: #222;
	
/* 	 height: calc(var(--construct-scale) * 2em);
  margin-top: calc(var(--construct-scale) * 1em);
  margin-bottom: calc(var(--construct-scale) * 1em);
  margin-left: calc(var(--construct-scale) * 0.5em);
  margin-right: calc(var(--construct-scale) * 0.5em); */
/* 	position: absolute; */

/* transform: rotate(-90deg);
  transform-origin: center center;
  white-space: nowrap; */
}

.middle{
	text-align:center;
	font-size: 20px;
}

.myselect{
	font-family: 'Decalotype', sans-serif;
 	background-color: #fccc8b;
    border: none;
	border: 5px solid transparent; /* Set border color */
    border-radius: 8px;
    padding: 2px;
    margin: 0;
    color: #222;
}

button {
    background-color: white;
    border: 5px solid transparent; /* Set border color */
    border-radius: 8px;
    padding: 10px;
    margin: 5px 0;
    font-size: 16px;
    color: #222;
    cursor: pointer; /* Add a pointer cursor for better user interaction */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Add a box shadow for a subtle effect */

    /* Add transition for a smooth effect */
    transition: background-color 0.3s, border-color 0.3s, box-shadow 0.3s;
}

/* Style when hovering over the button */
button:hover {
    background-color: #f0f0f0; /* Change background color on hover */
    border-color: #ccc; /* Change border color on hover */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Increase shadow on hover */
}

input:focus, select:focus, textarea:focus {
    border-color:  #fccc8b!important; /* Set focus border color */
	outline: none !important;
}


/* Apply to placeholders in input fields and lists */
::placeholder {
    color: #555;
}



/* Responsive styling */
@media screen and (max-width: 600px) {
    /* Adjust styles for smaller screens if needed */
    input, select, textarea {
        /* Adjust styles for smaller screens */
    }
}

/* Add more styles as needed */

 iframe {
      border: none; /* Remove border */
      border-radius: 15px; /* Rounded corners */
      overflow: hidden; /* Prevent scrollbars */
    }
