@charset "utf-8";
/* CSS Document */

body {
    background-color: #333;
	background-image: url("img/txt_pat.png");
    font-family: 'Montserrat', sans-serif;
    overflow: scroll;
}

.content {
	max-width: 540px;
	width: 95%;
	margin: 1vh auto;
}

.box {
	padding: 5px;
	margin-bottom: 0.5em;
}
.boxrent {
	padding: 1em;
	margin-bottom: 1em;
	border-style: solid;
	border-width: 3px;
	border-color: #DDD;
	box-shadow: 5px 5px 5px #222;
}

.logo {
	width: 137px;
	height: 28px;
	padding: 6px;
	margin-bottom: 10px;
	background-color: #000;
	border-style: solid;
	border-width: 3px;
	border-color: #DDD;
	box-shadow: 5px 5px 5px #222;

}

h1, h3, h4 {
	color: #DDD;
    font-family: 'Space Mono', monospace;
    font-size: 2.6em;
	background-color: #000;
  	display: table;

	margin-top: 0.4em;
	margin-bottom: 0.2em;
	padding: 0px 6px;
  
}

h2 {
  font-size: 1em;  
  font-weight: bold;

}


h3, h4{
	font-size: 1.2em;
}	

h3 {
  	margin-top: 0em;
	margin-bottom: 0.1em;
	box-shadow: 5px 5px 5px #222;
}	
h4 {
	margin-top: 0em;
	margin-bottom: 0.1em;
}

p {
    font-size: 1em;
	margin-top: 0em;
	margin-bottom: 0em;
}

p span {
	background-color: #DDD;
	padding: 0px 2px;
	line-height: 150%;	
}


a {
  	color: #DDD;
	background-color: #004B96;
	padding: 0px 2px;
}

a:hover {
	background-color: #005AB4;
	color: #FFF;
  	transition: all 0.25s ease-out;

}

/*Collapsible */

input[type='checkbox'] {
  	display: none;
}

.lbl-toggle {
  	font-weight: bold;
    font-family: 'Space Mono', monospace;
    font-size: 2.6rem;
	
	
	color: #DDD;
  	background: #000;
	padding: 0px 6px;

  	cursor: pointer;

  	transition: all 0.25s ease-out;
}


.lbl-toggle:hover {
  	color: #FFF;

}

.lbl-toggle::before {
 	content: ' ';
  	display: inline-block;
  	border-top: 5px solid transparent;
  	border-bottom: 5px solid transparent;
  	border-left: 5px solid currentColor;
  	vertical-align: middle;
  	margin-right: .7rem;
  	transform: translateY(-2px);
  	transition: transform .2s ease-out;
}

.toggle:checked + .lbl-toggle::before {
  	transform: rotate(90deg) translateX(-3px);
}

.collapsible-content {
  	max-height: 0px;
  	overflow: hidden;
	background-color: rgba(250, 250, 250, 0);
	margin: 0px;
	padding: 0px;
  	transition: max-height .25s ease-in-out, background-color .25s ease-in-out, margin .25s ease-in-out, padding .25s ease-in-out;

}

.toggle:checked + .lbl-toggle + .collapsible-content {
  	max-height: 100vh;
	background-color: rgba(250, 250, 250, .8);
	margin: 10px;
	padding: 10px;

}