body { padding: 0; margin: 0; 
    /* background: url('background.png') no-repeat center center fixed;  */
    background-color: white; /*#151344;*/
	font-family: "Oswald", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;;
    background-size: cover;  }
#unity-container { position: absolute }
#unity-container { width: 100%; height: 100% }
#unity-canvas { background: #231F20 }
#unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none }
#unity-logo { width: 154px; height: 130px; background: url('unity-logo-dark.png') no-repeat center; background-size: contain }
#unity-progress-bar-empty { width: 141px; height: 18px; margin-top: 10px; margin-left: 6.5px; background: url('progress-bar-empty-light.png') no-repeat center }
#unity-progress-bar-full { width: 0%; height: 18px; margin-top: 10px; background: url('progress-bar-full-light.png') no-repeat center }
#unity-footer { position: fixed; width: 100%; height: 100%; bottom: 0; margin-top: 5px; line-height: 38px; }
#unity-build-title { float: right; margin-right: 10px; line-height: 38px; font-family: arial; font-size: 18px }
#unity-fullscreen-button { cursor:pointer; float: right; width: 38px; height: 38px; background: url('fullscreen-button.png') no-repeat center }

#start-container{
	position: fixed; 
    top: 70%; 
    left: 50%; 
    transform: translate(-50%, -50%); 
    width: 50%; 
    height: 50px; 
}

#enterar { 
    width: 100%;
	height: 100%;
    background-color: #fed501; 
    display: flex; /* Changed from block to flex */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    border: 0;
    font-size: 2em; 
    z-index: 9999;
    border-radius: 0px; 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); 
    transition: background-color 0.3s, transform 0.3s;
    color: #231F20;
}

#banner{
	width: 100%;
}
#banner-image{
	width: 100%;
	height: auto;
}

#description{
	/* position: fixed; 
    top: 20%; 
    left: 50%; 
    transform: translate(-50%, -50%); 
    width: 90%; 
    height: 100px; */
	text-align: center;
	
	font-size: 1em;
	
}
/* #title-card{
	color: white;
	background-color: #151344;
	padding: 10px;
	padding-top: 20px;
} */

#perm-description{
	padding: 20px
}

#title-text {
	font-size: 2em;
	margin: 10px;
	border-bottom: 3px solid #fed501;
	color: #151344;
	padding-bottom: 4px;
}


#error-message {
	display:none; 
	position:fixed; 
	top:50%; left:50%;
	width: 80%;
	transform:translateX(-50%); 
	background-color:red; 
	color:white; 
	padding:10px;
}