@import url('https://fonts.googleapis.com/css2?family=Cardo:ital,wght@0,400;0,700;1,400&display=swap');

body {
  font: 14px/1.5 'Cardo', serif;
  max-width: 640px;
  margin: 50px;
  padding: 0 1rem;
  background: #fef9ed;
  position: relative;
}

h1 { font-size: 18px; }
h2 { font-size: 14px; }

a {
  color: #5d524b;
  background: #f1eade;
  text-decoration: none;
  padding: 0.025em 0.2em;
  transition: background 0.5s;
}

a:hover { background: #e3daca; }

hr {
  border: none;
  border-top: 1px solid #ccc;
}

.photo {
  position: absolute;
  left: 100%;
  margin-left:20px;
  width:35%;
}

@media (max-width: 900px) {
  .photo {
    position: static;
    margin: 1rem 0;
    width: 100%;
    max-width: 300px;
  }
}