@font-face {
  font-family: 'oxanium';
  src: url("/assets/fonts/oxanium-semibold-webfont.woff2") format('woff2');
}


body {
     display: none;
	background-color: #fff;
	color: #606060;
	width: 900px;
	font-family: 'oxanium', serif;
	font-size: 10pt;
	margin: auto;
	margin-top: 1.25em;
	line-height: 1.5em;
}

.maintitle {
	display: block;
	font-size: 30pt;
	padding: 50pt 0;
	text-align: center;
	width: 100%;
	text-decoration: none;
	color: black;
	border-bottom: 1px solid black;
	margin-bottom: 5pt;
}

	 .title {
  display: flex;
  align-items: center;     /* Vertically center */
  gap: 0.5em;              /* Optional spacing between image and text */
  font-weight: bold;
  color: black;
  font-size: 24pt;
  margin: 1.25em 0;
  	line-height: 1em;
	}


	.comment {
		position: relative;
		display: block;
		padding-left: 20pt;
	}
	.comment,  .comment a {
		color: black;
	}
	 .comment .arrow {
		position: absolute;
		display: block;
		width: 20px;
		height: 20px;
		left: 0;
		top: -1px;
	}	.right {
		text-align: right;
		display: table-cell;
		width: 320px;
		height: 100%;
	}
	.right img {
		margin-bottom: 10px;
  
	}	
    
    .left {
		display: table-cell;
		height: 100%;
		padding-right: 10pt;
        width: 580px;
	}

    	 .shot,  .shot img {
		position: relative;
		width: 300px;
		height: auto;
        	border: 2px solid black;
	}

    	.game .date {
		padding-bottom: 20pt;
	}

    a {
  color: inherit;      /* Makes it the same as surrounding text */

}

h1 {
  line-height: 1.25; /* 1.5 times the font size */
}


	.download:first-of-type .file {
		/* border: 1px solid #606060; */
		background-color: #606060;
		color: white;
		padding: 2pt 10pt 2pt 10pt;
		margin: 0 5pt 0 0;
		text-decoration: none;
		border-radius: 4px;
	}
	 .download span {
		padding-right: 5pt;
	}

.subtitle {
	display: block;
	font-size: 30pt;
	padding: 20pt 0;
	text-align: center;
	width: 100%;
	text-decoration: none;
	color: black;

	margin-bottom: 5pt;
}


	.kaios_button {
		/* border: 1px solid #606060; */
		background-color: #606060;
		color: white;
		padding: 2pt 10pt 2pt 10pt;
		margin: 0 5pt 0 0;
		text-decoration: none;
		border-radius: 4px;
        width: auto;
        	font-family: 'oxanium', serif;
	}
    .kaios_button:hover{
		background-color: #383838;

    }
    .button_list_container{
          display: flex;
  justify-content: center; /* Center items horizontally */
  align-items: center;     /* Center items vertically (optional) */
  gap: 10px;   
    }

    .kaios_title_container{

       display: flex;
  justify-content: center; /* Center items horizontally */
  align-items: center;   

    }


    #loading_kaios{

        height: 605px;
    }