@font-face {
  font-family: Geologica;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/geologica-700-latin.woff2') format('woff2');
}
* { box-sizing: border-box; }
body { margin: 0; background: #fff; }
p { margin: 0; white-space: nowrap; }
.page { min-height: 100vh; height: 1000px; overflow: hidden; position: relative; }
.identity, .contact {
  position: fixed;
  left: 0;
  width: 100%;
  max-width: 1200px;
  padding: 80px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.identity { top: 0; align-items: center; }
.contact { bottom: 0; align-items: flex-start; }
svg { display: block; flex: none; height: auto; }
foreignObject { overflow: visible; }
.title { width: 100%; }
.title p { font: 700 107px/1 Geologica, sans-serif; text-transform: uppercase; }
.name { color: rgb(6, 26, 64); }
.description, .email { color: rgb(240, 242, 244); }
.email { width: 50%; }
.email p { font: 700 96.36208977342001px/1.2 Geologica, sans-serif; }
@media (min-width: 810px) and (max-width: 1199px) {
  .identity, .contact { padding: 40px; }
}
@media (max-width: 809px) {
  .identity, .contact { padding: 24px; }
  .email { width: 70%; }
}