:focus { border-color: orange; outline: orange 2px solid }
::selection { background: orange; color: black }
img { max-width: 100%; display: block;
 image-rendering: pixelated;
 }

#bod {max-width: 55em; margin: auto;
 margin-top: 2em
 }

h1 { display: none }

.latest, .trip, .trips-f {
 background: #d0d0d0;
 margin-bottom: 3em;
}

@keyframes bg {
from { background: #d0d0d0 }
to { background: #eeeeee }
}

.trips-f:hover, .latest:hover, .trip:hover { animation: bg 1s forwards }

.latest { clear: both; }

body {
padding: 0;
margin: 0;
 font: 1em sans-serif;
}

#bar {
 height: 2em;
 background: black;
 padding: .3em;
 text-align: center;
}

#bar a { 
 color: orange;
 margin-left: .3em;
 text-decoration: none;
}

#bar a:hover { color: white
}

#bar img {
 height: 2em;
 display: inline-block;
 vertical-align: middle;
}

.latest {
 margin: auto;
 padding: 1em;
}

.latest h2 {
 font-size: 3em;
 font-style: italic;
}

.latest p {
 font-size: 1.5em;
}

.button { 
 background: orange; 
 display: inline-block;
 padding: 1em;
 }

.button a { color: black }
.button a:hover { color: white }

.latest img {
 margin: auto;
 width: 100%;
}

.trips, .trips-f {
 display: flex;
 justify-content: center;
 gap: 1em;
 margin: auto;
 margin-top: 1em;
 width: 90%;
 padding: .5em; 
 }

.trips-f .button {
 display: flex;
 align-items: center;
}

.trips-f { padding: 1em; width: 90%; margin: auto; margin-top: 1em }

.trip a { color: black }
.trip a:hover {color: orange }
.trip { padding: 1em }
.trip img { width: 100% }

#newsletter { background: black;
 color: white;
 padding: 2em;
 margin-top: 1em;
 margin-bottom: 1em;
}
#newsletter a { color: orange }
#newsletter a:hover { color: white }
#newsletter .button a { color: white }
#newsletter .button a:hover { color: black} 

textarea { width: 100%; resize: none }

#cont { display: flex; justify-content: center; gap: 2em }

footer { background: #3a3a3a; margin:0; margin-bottom:-1em }
footer .fli { color: orange; margin-bottom: .7em; font-weight: bold }
footer ul { list-style-type: none; float: left; padding: 0 }
footer a { color: white; text-decoration: none }
footer a:hover { opacity: .7 }
footer img { margin: auto }

#botbar {background: black; text-align: center; clear: both; padding: .1em }
#botbar img { display: inline-block; opacity: .7 }
#botbar img:hover { opacity: 1 }