/* Styles for Fleur J. Site - 2025 */
body { margin:0; background-image: url(./img/flowerbiking.jpg); background-size: cover; background-position: center; background-blend-mode: overlay; background-attachment: fixed; background-color: #444; color: #fff; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, Source Sans Pro, ui-sans-serif, system-ui, "Helvetica Neue", sans-serif; line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%; }
body a { color: #0668a9; }
p strong { font-weight: 600; }
footer { text-align: right; }
#banner, section, footer { margin: 1em auto; max-width: 75%; }
#banner .profile-intro { background: rgba(255,255,255,0.9); color: #111; padding: 1em; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.profile-intro h1 {font-size: 1em; font-weight: 200; font-family: "Consolas", "Terminal", monospace; }
.profile-intro h1:before {content: "$> "; }
.profile-intro .profile-pic { margin: 1em; display: inline-flex; }
.profile-intro .profile-pic > img { border-radius: 50%; }
.profile-intro .profile-text { padding: 1em; text-align: left; float:right; max-width: 60%; }
@media screen and (max-width: 1115px),
@media only screen and (max-device-width: 1115px) {
  #banner, section, footer { width: 90%; max-width: 90%; }
  .profile-intro .profile-pic { margin : auto; text-align: center; }
  .profile-intro .profile-text { clear: both; width: 100%; max-width: 100%; }
}
@media screen and (orientation:portrait) {
  body { background-size: auto 100vh; height: 100vh; background-repeat: no-repeat; }
}