@font-face {
  font-family: TextMeOne;
  src: url("TextMeOne-Regular.woff2") format('woff2'), /* Super Modern Browsers */
       url("TextMeOne-Regular.woff") format('woff'), /* Pretty Modern Browsers */
       url("TextMeOne-Regular.ttf")  format('truetype');
  font-display: swap;
}
body{  background:#bd5a95;background-image:  
radial-gradient(at 52% 53%, hsla(334,42%,79%,1) 0, transparent 72%),  
radial-gradient(at 5% 86%, hsla(325,43%,55%,1) 0, transparent 38%),  
radial-gradient(at 94% 87%, hsla(195,93%,50%,1) 0, transparent 0%),  
radial-gradient(at 83% 13%, hsla(293,36%,54%,1) 0, transparent 0%),  
radial-gradient(at 25% 90%, hsla(265,43%,55%,1) 0, transparent 41%);
  width: 100%; margin: 50px 0; z-index: 0;font-family:'TextMeOne';}
.form{width:375px;height:550px;background:#fff;padding: 20px; max-width:calc(100vw - 40px);box-sizing:border-box;position:relative}
h1{color: #a85db2; text-align: center;}
input{width:100% !important;padding:10px;box-sizing:border-box;background:none;outline:none;resize:none;border:0;font-family:'Montserrat',sans-serif;transition:all .3s;border-bottom:1px solid #A8B2A0}
input:focus{border-bottom:1px solid #a85db2}
textarea{width:100%;padding:10px;box-sizing:border-box;background:none;outline:none;resize:none;border:0;font-family:'Montserrat',sans-serif;transition:all .3s;border:1px solid #A8B2A0}
textarea:focus{border:1px solid #a85db2}
p:before{content:attr(type);display:block;margin:28px 0 0;font-size:18px;color:#a85db2}
#send{background:#fff; float:right;padding:8px 12px;margin:8px 0 0;font-size: 18px; font-family:'Montserrat',sans-serif;border:1px solid #a85db2;background:0;color:#a85db2;cursor:pointer;transition:all .3s}
#send:hover, #send:focus{background:#a85db2;color:#fff}
span{margin:0 5px 0 15px}
.wrapper {
    display: flex;
    flex-wrap: wrap;
  	flex-direction: row;
    justify-content: center;
}
 .wrapper--state-half {
  	width: 100%;
  }
iframe {
	display:block;
	height: 550px;
	width: 100%;
	border: 0;
}	
@media only screen and (min-width : 445px) {
  iframe {	
     width: 375px;
	}
  .wrapper--state-half {
  	width:auto;
  }
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width : 1200px) {
  iframe {	
     width: 720px;
	}
}
.ft_message {color:#fff;}
#ty{color:#fff}
#tytext{color:#fff}