@font-face {
	font-family: familiada;
	src: url(../font/familiada.woff);
}

@font-face {
    font-family: 'Poxel Font';
    src: url(../font/poxel/Poxel-Font.woff2) format('woff2'),
        url(../font/poxel/Poxel-Font.woff) format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



body
{
	/*background-image: url('../img/bg.jpg');*/
	color: yellow;

	font-family: 'familiada';
	text-transform: uppercase;
}

div#tournament
{
	text-align: center;
	margin: 20px;
	margin-top: 00px;
	margin-bottom: 5px;
}

div.errors
{
	text-align: center;
	font-size: 8em;
	margin: 10px;
	margin-bottom: 0px;
	line-height: 120%;
	    margin-top: 50px;
		padding: 2px;
}

div#lefterrors
{
	float: unset;
}

div#righterrors
{
	float: unset;
}

span#question
{
	font-size: 3em;
	line-height: 120%;
}

ul#answers
{
	list-style-type: decimal;
	margin: 10pt;
}

ul#answers *
{
	font-size: 3em;
	padding: 15px;

}

ul#answers * {
    font-size: 35px;
    padding: 15px;
}

.container{
	        max-width: 95%;
}

.container2{
    display: flex;
    justify-content: center; /* Horizontal alignment */
    align-items: center; /* Vertical alignment */
    height: 100vh; /* Full height of the viewport */
}

.main-logo {
 margin-top: 1rem !important;
    text-align: center;
    font-size: 250px;
    margin-bottom: 40px;
    font-family: "Poxel Font"; /* Ensure you have this font */
}

.main-logo-final {
 margin-top: 1rem !important;
    text-align: center;
    font-size: 70px;
    margin-bottom: 40px;
    font-family: "familiada"; /* Ensure you have this font */
}


.button-container .btn {
    display: inline-block;
    padding: 10px 20px;
    font-size: 24px;
    text-decoration: none;
    color: #fff;
    background-color: #007bff; /* Bootstrap blue */
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.button-container .btn:hover {
    background-color: #0056b3; /* Darker blue */
}

.mt-3.suma {
    font-size: 50px;
    margin-bottom: 50px;
}

.mt-3 {
    margin-top: 1rem !important;
    text-align: center;
    font-size: 50px;
    margin-bottom: 40px;
}

.mt-3.d-flex.justify-content-between{
	display:none !important;
}


    .display-4 {
        font-size: 6.0rem;
    }


ul#left-answers li,
ul#right-answers li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
}

ul#left-answers li .answer-container,
ul#right-answers li .answer-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.answer-number {
    flex: 0 0 3%; /* Space for the answer number */
    text-align: left;
}

.answer-text {
    flex: 0 0 85%; /* Space for the answer text */
    text-align: left;
    padding-left: 10px;
}

.points {
    flex: 0 0 10%; /* Space for the points */
    text-align: right;
    padding-right: 10px;
}

input.form-check-input {
    width: 30px;
    height: 26px;
}

.border-end{
	border:0px !important;
}

h3#player1-name, h3#player2-name {
    font-size: 50px;
}

span#question {
    text-transform: capitalize;
}