@font-face {
  font-family: 'Red Hat Display';
  src: url('./RedHatDisplay-Bold.woff2') format('woff2'),
      url('./RedHatDisplay-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Red Hat Text';
  src: url('./RedHatText-Regular.woff2') format('woff2'),
      url('./RedHatText-Regular.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Satisfy';
  src: url('./Satisfy.woff2') format('woff2'),
      url('./Satisfy.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

html {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  background-color: white;
}

*,
*:after,
*:before {
  box-sizing: border-box;
}

body {
  position: relative;
  margin: 0;
  background: #f3e9e9;
  font-family: "Red Hat Display", sans-serif;
  font-size:12px;
  line-height:2em;
}

@media screen and (min-width:992px) {
  body {
    font-size:14px;
  }  
}

a {
  color: #c5044f;
}

img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
}
.image {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right:0;
  overflow: hidden;
  background-color: #c5044f;
  background-image: url("./bg.jpg");
  background-size: cover;
  background-position: center center;
}

h1,.h1 {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.2em;
  letter-spacing: 2.8px;
  font-size: 14px;
}

.content {
  text-align: center;
  position: relative;
  top:40px;
  left:50%;
  bottom:0;
  transform:translateX(-50%);  
  background: rgba(255,255,255,0.9);
  width: 700px;
  z-index:2;
  border-radius: 350px 350px 0 0;
  max-width:calc(100% - 40px);
  min-height:calc(100vh - 40px);
  
}
.content * { 
  margin:0;
}

.content .wrap {
  display: flex;
  flex-direction:column;
  justify-content: space-between;
  gap:20px;
  width:300px;
  max-width:100%;
  padding:120px 15px;
  margin:auto;
  height:100%;
  overflow:auto;
}

.elements {
  height:16px;
}

.logo {
  /* max-width: 300px; */
  width: 100%;
  margin: 0 auto;
}

.lead {
  font-family: "satisfy", serif;
  text-transform: uppercase;
  font-size:24px;
  color:#C5044F;
  margin-bottom:20px;
}

.button {
  display:inline-block;
  color:white;
  text-decoration:none;
  background:#C5044F;
  padding:15px 30px;
  text-transform: uppercase;
  font-weight: 200;
  letter-spacing: 0.2em;
  letter-spacing: 2.8px;
  font-size: 14px;
  margin-top:20px;
  margin-bottom:20px;
}

.ig {
  display:inline-block;
}