:root {
    --light-yellow: #FFD4D1;
    --medium-yellow: #006078;
    --orange: #82BAC4;
    --red: #006078;
    --dark-pink: #E37C78;
    --pink: #006078;
    --blue: #2596F8;
}
.roboto-love {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
    font-variation-settings:
      "wdth" 100;
  }

body {
    margin: 0;
}
.main-photo {
    position: absolute;
    top: 10vh;
    right: 23vw;
    height: 500px;
}

.main-text {
    color: var(--red);
    font-size: 45px;
    line-height: 80%;
}

.sub-text {
    color: var(--dark-pink);
    font-size: 30px;
    margin-top: 15px;
    a, a:visited, a:hover, a:active {
        color: inherit;
      }
}

.main-wrapper{
    position: absolute;
    top: 17vh;
    left: 15vw;

}

.main-body{
    background-color: var(--light-yellow);
    }

.section-home {
    width: 100%;
    height: 55vh;
}

.section-contact {
    background-color: var(--pink);
    padding: 20px;
    height: 45vh;
}

.contact-header {
    color: var(--blue);
    margin-bottom: 10px;
    font-weight: 500;
}

#typeform {
    width: 100%;
    height: 100%;
}