* {
	font: 1em monospace;
	text-align: right;
}

.gifs {
	max-width:40em;
	margin-left:auto;
}

.gifs img {width:100%}

@keyframes hover {
	0% { opacity: 0; background: black; color: hotpink; }
	100% { opacity: 1; background: none; color: black;  } 
} 

*:target {
	animation: hover linear 1s;
}

h1,h2,h3,h4 {
	font-weight: bold;
	text-align: right;
	margin-top: 2em;
}

em {
	font-style: italic;
}

ul {
	list-style-type:none;
}

ul li {
	margin-bottom:.3em;
}

body {
	max-width: 70em;
	margin: auto;
	padding: 1em;
}

nav {
	text-align: right;
}

nav a {
	color: black;
}


nav ul {
	list-style-type: none;
}

#rope {
	text-align: center;
}

#rope li {
	display: inline;
}

#rope a, a {
	color: blue;
}

#rope a:hover {
	color: hotpink;
}

img {
	display: block;
	margin-left:auto;
	max-width: 99%;
	
}

.titlepic {
	width:100%;
	max-width: 40em;
	image-rendering: crisp-edges;
}

#posters img {
	max-width: 250px;
	display: inline;
}


#posters ul {
	padding:0;
}

#posters li {
	display: inline-block;
}

a:hover {
	color: hotpink;
	background: black;
}


p {
	width: 99%;
	max-width:40em;
	margin-left: auto;
	text-align: justify;
	line-height: 1.5;
}

.back {
	text-align: right;
}

.cor img {
	display: block;
	width:100%;
	margin: auto;
	margin-bottom: 1em;

}

.notes li {
	text-align:left;
	margin-left: auto;
	max-width:38em;
}


.motto {
	text-align: right;
	font-style:italic;	
}

details {
	text-align: right;
}

details:hover {
	cursor: pointer;
}

footer a {
	color: #bbb;	
	text-decoration: none;
}

footer p {
	text-align:right;
}

.galley li {
	display: inline;
}

.galley img {
	display: inline;
}

.date {
	text-align: right;
	margin-top: 0;
}

h2 a {
	font-weight: bold;
	text-decoration: none;
}

.logtit {
	margin-top: 4em;
	margin-bottom: 0;
}

article {
	border-bottom: 1px solid black;
	max-width: 40em;
	margin-left: auto;
	margin-bottom: 2em;
}

@media only screen and (max-width: 640px) {

        #posters img {
                float:none;
				width: 100%;
                max-width: 100%;
				display: block;
}

		#posters ul {
				margin: auto;
				width:100%;
				padding:0;
}

		#posters li {
				margin-top:1em;
				display: block;
				text-align: center;
}

		#posters a:hover {
				outline: 2px solid black;
}

}

.datum {
	display: inline-block;
}