/* Scss Document */
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;700&display=swap");
html {
  background: url(assets/background.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  font-family: 'Roboto', sans-serif;
  font-weight: 300; }

.email {
  text-decoration: underline; }

.main {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center; }

a.icon {
  margin-right: 1rem; }
  a.icon img {
    height: 2rem;
    box-shadow: 0 0 0.25rem 0.1rem rgba(255, 255, 255, 0.8), 0 0 1rem 0 rgba(255, 255, 255, 0.6);
    background-color: transparent; }
    a.icon img.facebook {
      border-radius: 6%; }
    a.icon img.instagram {
      border-radius: 23%; }

.titel {
  font-size: 2rem;
  text-align: right;
  text-transform: uppercase; }
  .titel div:last-of-type {
    font-weight: 700; }

.message div {
  max-width: 25rem; }
.message div:first-of-type {
  font-size: 1.25rem; }
.message div:not(:first-of-type) {
  margin-top: 1rem;
  line-height: 1.6; }

a {
  text-decoration: none;
  color: inherit; }

.container {
  display: flex; }

.left {
  flex: 1 1 30%;
  margin-right: 1px;
  padding: 1rem; }
  .left.bg {
    background-color: rgba(0, 0, 0, 0.8);
    color: white; }

.right {
  flex: 1 1 70%;
  padding: 1rem; }
  .right.bg {
    background-color: rgba(0, 0, 0, 0.55);
    color: white; }