h1 {
	font-family: 'Poppins', sans-serif;
	font-size: 40px;
}
#text {
	font-family: 'Poppins', sans-serif;

}

.wrapper {
	position: absolute; 
	top: 0; 
	left: 0;				
	width: 100%;
	height: 100%;
	background: #c850c0;
	background: -webkit-linear-gradient(45deg, #56C1FF, #0076BA);
	background: -o-linear-gradient(45deg, #56C1FF, #0076BA);
	background: -moz-linear-gradient(45deg, #56C1FF, #0076BA);
	background: linear-gradient(45deg, #56C1FF, #0076BA);
	background-size:cover;
	overflow:auto;
}
.round-div {
	background-color: white;
	border-radius: 10px;
	width:500px;
	margin: 0 auto;
	margin-top:2%;
	-webkit-box-shadow: 0px 0px 53px -19px rgba(0,0,0,0.72);
	-moz-box-shadow: 0px 0px 53px -19px rgba(0,0,0,0.72);
	box-shadow: 0px 0px 53px -19px rgba(0,0,0,0.72);
	padding:10px;
	margin-bottom:50px;
}

#text {
	font-size: 30px;
	resize: none;
	width:93%;
	border: none;
	resize: none;
	overflow: hidden;
	min-height: 50px;
	outline: none;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;

}
h1 {
	margin-top:10%;
	color:white;
}
.share-button {
	background-color: #0076BA; 
	border: none;
	color: white;
	padding: 14px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 20px;
	margin: 4px 2px;
	cursor: pointer;
	border-radius: 10px;
	display: none;
}
.share-button:hover {
	opacity: .9;
}
.share-button::after{
	content: url('share.svg');
	padding-left:5px;
	
}
#website-preview {
	background-color: white;
	border:1px solid #c1c1c1;
	height:120px;
	border-radius: 20px;
	width:90%;
	margin: 0 auto;
	display:none;
}
#website-title{
	font-weight: bold;
}
#website-description{
	color: gray;
}
#website-domain{
	color: gray;
}