@font-face {
        font-family: SF Pro Display Regular;
        src: url(Fonts/SFPRODISPLAYREGULAR.OTF);
}
body{
    margin:0;
    padding:0;
    width: 100vw;
    height: 100vh;
    background:url(public/external/image732425-600d-2100w.png) center center no-repeat;
    background-size: cover;
}

.center-screen{
position:relative;
    width: 100vw;
    height: 100vh;
    
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.containthings{
    margin-top:5%;
    position: absolute;
    height: 245px;
    width: 540px;
}

.email-confirmation1-rectangle17 {
  left: 7px;
  position: absolute;
}

.email-confirmation1-union {
      bottom: -4%;
    left: 4px;
    width: 100%;
    position: absolute;
}

.email-confirmation1-rectangle18{
    position: absolute;
    right:-1%;
}

.email-confirmation1-blur {
  left: 4px;
  width: 100%;
  position: absolute;
}

.email-confirmation1-grid1 {
top: 4%;
    left: 2%;
    width: 97%;
    height: 42%;
    position: absolute;
    clip-path: polygon(5% 0, 95% 0%, 102% 26%, 100% 70%, 100% 100%, 3% 100%, 0 81%, 0 20%);
    background-color: rgba(217, 217, 217, 0.9);
}

.email-confirmation1-grid2 {
    top: 45.5%;
    width: 94%;
    height: 13.7%;
    position: absolute;
    left: 5%;
    background-color: rgba(217, 217, 217, 0.9);
    
}

.email-confirmation1-grid3 {
    left: 2%;
    top: 59%;
    width: 97%;
    height: 28%;
    position: absolute;
    clip-path: polygon(3% 0, 100% 0, 100% 30%, 100% 70%, 100% 100%, 0 100%, 0 69%, 0 28%);
background-color: rgba(217, 217, 217, 0.9);

}


.email-confirmation1-grid4 {
    bottom : 4.3%;
    width: 32%;
    height: 9%;
    position: absolute;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 0%, 85% 100%, 20% 100%, 13% 100%, 0% 12%);
    left: 3%;
    background-color: rgba(217, 217, 217, 0.9);
}

.email-confirmation1-grid5 {
    bottom : 4.3%;
    width: 31.5%;
    height: 9%;
    position: absolute;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 0%, 85% 100%, 20% 100%, 13% 100%, 0% 12%);
    right: 1%;
    background-color: rgba(217, 217, 217, 0.9);
}


.email-confirmation1-head {
    top: -2%;
    left: 18.5%;
    width: 338px;
    height: 56px;
    position: absolute;
}

.email-confirmation1-grid1-title {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 3%;
    clip-path: polygon(3% 0%, 96% 0%, 100% 52%, 100% 70%, 94% 100%, 7% 100%, 0% 52%, 0% 40%);
    background-color: rgba(217, 217, 217, 0.9);
}


.email-confirmation1-bg {
      top: -29%;
    left: -1.8%;
    position: absolute;
}

.email-confirmation1-blur1 {
  top: -9px;
    left: 2.5px;
    position: absolute;
}

.email-confirmation1-text {
  top: 15%;
    left: 17%;
    color: var(--dl-color-primary-white);
    position: absolute;
    font-family: 'Raleway';
    font-weight: 700;
}

.email-confirmation1-text2 {
    width: 90%;
   font-family: 'Open Sans';
    font-weight: 600;
    top: 20%;
    left: 7%;
    color: var(--dl-color-primary-white);
    position: absolute;
    text-align: center;
    line-height: normal;
}









.email-signup {
    width: 100%;
    height: 100%;
    position: absolute;
}


.email-bg-signup {
     left: 33%;
    position: absolute;
    bottom: 15.3%;
    width: 36.5%;
}

.email-blur1-signup {
    left: 34%;
     position: absolute;
    width: 35%;
    bottom: 17%;
}

.email-blur1-signup:hover{
    
    
}

.email-text-signup {
    width: 100%;
    bottom: 20%;
    left: 2%;
    position: absolute;
    font-family: 'Raleway';
    font-weight: 700;
}