*,
*::after,
*::before {
	box-sizing: border-box;
}

:root {
	font-size: 18px;
}

@font-face {
	font-family: 'EURO ULTRA';
	src: url('https://dev.plusultra.cash/fonts/EUROULTRA.woff') format('woff');
  }

#plus {

	color:cornflowerblue;
	font-size: 2em;
	transform:translateX(40vw);
	margin:1em;
	
}

 p{
	font-family: Arial, Helvetica, sans-serif;
	color:var(--color-link-hover);

 }

body {
	margin: 0;
	--color-text: #fff;
	--color-bg: rgb(134, 97, 97);
	--color-link: rgb(134, 97, 97);
	--color-link-hover: rgb(184, 131, 131);
	--color-menu: rgb(176, 197, 186);
	--fontsize-menu: 20px;
	--font-menu: EURO ULTRA, sans-serif;
	color: var(--color-text);
	background-color: var(--color-bg);
	font-family: nimbus-sans-extended, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
	/*cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='100' height='120' viewport='0 0 100 100' style='fill:black;font-size:30px;'><text y='50%'>🦋</text></svg>") 16 0,auto;*/
}

img {

	margin:3em;
	padding:3em;
	filter:blur(100px);
	width:50%;
	height:auto;
}

.hidden {
	opacity: 0;
	position: absolute;
	pointer-events: none;
	z-index: -1;
}

a {
	text-decoration: none;
	color: var(--color-link);
	outline: none;
	border-bottom: 2px solid;
	transition: all 0.5s;
	filter: grayscale(0);
}	

a:hover,
a:focus {
	color: var(--color-link-hover);
	outline: none;
	border-color: transparent;
	filter:hue-rotate(10deg);
	cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='100' height='120' viewport='0 0 100 100' style='fill:black;font-size:30px;'><text y='50%'>🦋</text></svg>") 16 0,auto;
}

main {
	z-index: 1000;
	width:100%;
	display:grid;
	place-items: center;
}

.text--menu {
	border: none;
	color: var(--color-link);
	margin: 1rem 0;
}

.menu {
	display:grid;
	padding-top: 5em;
	transform:scale(1.5)translateX(15%);
	padding-bottom:2em;
}

iframe {
	border-radius: 80px;
	padding:3em;
	margin-bottom: 4em;
	/*filter:blur(80px);*/
	transition:all .2s;
}

iframe:hover {

	transform: scale(1.05);

}

.menu__item {
    border: none;
    transition: none;
    cursor: pointer;
    position: relative;
}

.menu__text {
	font-size: var(--fontsize-menu);
	fill: var(--color-menu);
    font-family: var(--font-menu);
	font-weight: 700;
    height: 120%;
    width: 100%;
    pointer-events: none;
}

.menu__text text {
	transform-origin: 50% 50%;
	transform-box: view-box;
}

.menu__text text:nth-child(2) { 
	opacity: 0;
}