@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: "Material Design Icons";
  src: url("../font/materialdesignicons-webfont.eot?v=5.5.55");
  src: url("../font/materialdesignicons-webfont.eot?#iefix&v=5.5.55") format("embedded-opentype"), url("../font/materialdesignicons-webfont.woff2?v=5.5.55") format("woff2"), url("../font/materialdesignicons-webfont.woff?v=5.5.55") format("woff"), url("../font/materialdesignicons-webfont.ttf?v=5.5.55") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/* euphoria-script-regular - latin */
@font-face {
  font-family: 'Euphoria Script';
  font-style: normal;
  font-weight: 400;
  src: url('../font/euphoria-script-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../font/euphoria-script-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/euphoria-script-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/euphoria-script-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../font/euphoria-script-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/euphoria-script-v16-latin-regular.svg#EuphoriaScript') format('svg'); /* Legacy iOS */
}


body {
	background-color: #453053;
	margin: 0;
}

a {
	text-decoration: none;
}

.cont{
	display: flex;
}
.ele{
  position:absolute;
  top: 0; bottom: 0; left: 0; right: 0;
  margin: auto;
  height: 75%;
}
.title {
	font-family: 'Euphoria Script', cursive;
	color: #fff;
	font-size: clamp(5rem, 10vw, 20rem);
	text-align: center;
	flex-basis: 100%;
	background-color: #000;
	padding: 0.5em;
}
.icon {
	font-family: 'Material Design Icons';
	font-weight: normal;
	font-style: normal;
	font-size: clamp(5vw, 20vw, 30vw);
	letter-spacing: normal;
	text-transform: none;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-moz-font-feature-settings: 'liga';
	-moz-osx-font-smoothing: grayscale;
	padding-right: 6px;
	color: #FFC5F3;
}

.flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	height: 90vh;
}
.flex-item {

}