@font-face {
  font-family: Fira;
  src: url(/web/20220924051419im_/https://gitnex.codeberg.page/assets/fonts/FiraSans-Regular.ttf);
}

* {
  box-sizing: border-box;
}

body {
    font-family: Fira;
  	background: #222222;
  	width: 40%;
  	margin: auto;
}

p {
	margin: 0;
  	padding: 0;
}

img {
	border-radius: 8px;
}

/* Title */
.header {
	font-size: 36px;
	text-align: center;
	background: #222222;
	color: #ffffff;
}

h2 {
	font-size: 24px;
	margin: 0;
  	padding: 0;
}

h5 {
	font-size: 12px;
	margin: 0;
  	padding: 20px 0 20px 0;
}

/* Column */
.column {
	float: left;
	width: 100%;
}

/* Add a card effect for posts */
.card {
	background-color: #424446;
	border-color: #ffffff;
	padding: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #ffffff;
	border-radius: 5px;
}

.card-menu {
	background-color: #424446;
	border-color: #ffffff;
	padding: 10px;
	margin-top: 10px;
	color: #ffffff;
	border-radius: 5px;	
}

/* center items */
.center {
	margin: auto;
	text-align: center;
}

/* paragraph with paddings */
.para {
	padding-top: 10px;
	padding-bottom: 10px;
}

/* Clear floats after the columns */
.row:after {
	content: "";
	display: table;
	clear: both;
}

/* Links */
.button {
	background-color: #222222;
	border: none;
	color: #ffffff;
	padding: 10px 25px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	transition-duration: 0.4s;
	cursor: pointer;
	border-radius: 5px;
}

.button:hover {
	background-color: #ffffff;
	color: #222222;
}

.link-author {
	border: none;
	color: #1ac2ba;
	text-decoration: none;
	display: inline-block;
	transition-duration: 0.4s;
	cursor: pointer;
}

.link-author:hover {
	color: #0d9e97;
}

.header-links {
	background-color: #ffffff; 
	color: #222222; 
}

.header-links:hover {
	background-color: #222222;
	color: #ffffff;
}

video {
	width: 65%;
  	height: auto;
}

.iframe-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

.responsive-iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border: none;
}

/* Responsive layout */
@media screen and (max-width: 800px) {
	body {
		width: 90%;
		margin: auto;
	}
  	.column {   
		width: 100%;
		padding: 0;
  	}
  	.card p, img {
  		width: 100%;
  	}
  	.card {
		background-color: #424446;
		border-color: #fff;
		padding: 20px;
		margin-top: 10px;
		margin-bottom: 10px;
		color: #ffffff;
		border-radius: 5px;
    }
    .card-menu {
    	background-color: #424446;
		border-color: #ffffff;
		padding: 10px;
		margin-top: 10px;
		color: #ffffff;
		border-radius: 5px;	
	}
    .header-links {
        width: 100%;
    }
    video {
    	width: 100%;
		height: auto;
    }
}
/*
     FILE ARCHIVED ON 05:14:19 Sep 24, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:57:45 Nov 03, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 2.613
  captures_list: 0.567
  exclusion.robots: 0.055
  exclusion.robots.policy: 0.043
  esindex: 0.009
  cdx.remote: 62.897
  LoadShardBlock: 99.333 (3)
  PetaboxLoader3.datanode: 71.55 (4)
  PetaboxLoader3.resolve: 241.037 (2)
  load_resource: 274.473
*/