/* global */

* {
	margin: 0;
	padding: 0;
	overscroll-behavior: none;
}

/* social media */

@media screen and (min-width: 810px) {
	.yt svg {
		position: fixed;
		width: 50px;
		height: 50px;
		bottom: 90px;
		right: 30px;
	}

	.insta svg {
		position: fixed;
		width: 50px;
		height: 50px;
		bottom: 30px;
		right: 30px;
	}

	.projetsyt svg {
		position: fixed;
		width: 50px;
		height: 50px;
		bottom: 90px;
		right: 30px;
	}

	.projetsinsta svg {
		position: fixed;
		width: 50px;
		height: 50px;
		bottom: 30px;
		right: 30px;
	}
}

@media screen and (max-width: 810px) {
	.yt svg {
		position: absolute;
		width: 50px;
		height: 50px;
		top: 23px;
		left: 90px;
	}

	.insta svg {
		position: absolute;
		width: 50px;
		height: 50px;
		top: 23px;
		left: 23px;
	}

	.projetsyt svg {
		position: fixed;
		width: 50px;
		height: 50px;
		bottom: 90px;
		right: 30px
	}

	.projetsinsta svg {
		position: fixed;
		width: 50px;
		height: 50px;
		bottom: 30px;
		right: 30px
	}
}

/* fade in load */

.page-bg {
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url("img/fadebg.png") no-repeat center center fixed;
    background-size: cover;
    animation-name: fadeOut;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/* polices */

@font-face {
    font-family: 'minecraft';
    src: url('fonts/Minecraft.ttf')format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nintendods';
    src: url('fonts/NintendoDS.ttf')format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* index */

.index {
	background-color: rgba(150,23,39,1);
	background-size: cover;
	overflow: hidden;
}

.index .accueil {
	margin-top: 30px;
	position: relative;
	text-align: center;
}

@media screen and (min-width: 820px) {
	.index .videoclick {
		position: absolute;
		width: 80vh;
		height: 80vh;
		left: 50%;
		transform: translate(-50%, 0);
		top: 0px;
		z-index: 5;
	}
	.index pre {
		position: absolute; 
		top: 30px; 
		letter-spacing: 0.1839vh; 
		transform: translate(-50%,0);
		left: 50%; 
		font-size: 0.155vh;
		font-family: monospace;
		line-height: 140%;
		color: rgb(237,251,204);
		text-shadow: 1px 1px;
		user-select: none;
	}

	.index .accueil {
		width: 80vh;
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
		
	}
	
	.index .accueil video {
		width: 80vh;
		height: 80vh;
		opacity: 0;
		animation-name: fadeIn;
		animation-iteration-count: 1;
		animation-timing-function: ease-in-out;
		animation-delay: 0.5s;
		animation-duration: 1s;
		animation-fill-mode: forwards;
	}

	@keyframes fadeIn {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}
	
	.index .accueil a:hover video {
		background-color: rgba(237,251,204,1);
		border: rgba(238,255,206,1) 50px solid;
		width: calc(80vh - 100px);
		height: calc(80vh - 100px);
	}
	
	h1 {
		width: 80vh;
		font-size: 3vh;
	}
	
	#indexaudioplayer {
		transform: translate(0, 3vh);
	}
}

@media screen and (max-width: 820px) {
	.index .videoclick {
		position: absolute;
		width: 100vw;
		height: 100vw;
		top: 0px;
		z-index: 5;
	}
	.index pre {
		position: absolute; 
		top: 110px; 
		letter-spacing: 0.198vw;
		font-size: 0.23vw;
		font-family: monospace;
		line-height: 125%;
		color: white;
		text-shadow: 1px 1px;
		user-select: none;
	}

	.index .accueil {
		margin-top: 110px;
	}
	
	.index .accueil video {
		width: 100%;
		height: 100%;
		opacity: 0;
		animation-name: fadeIn;
		animation-iteration-count: 1;
		animation-timing-function: ease-in-out;
		animation-delay: 0.5s;
		animation-duration: 1s;
		animation-fill-mode: forwards;
	}

	@keyframes fadeIn {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}
	
	h1 {
		width: 100%;
		height: 3.5vw;
		font-size: 3.5vw;
	}
	
	#indexaudioplayer {
		transform: translate(0, 6vh);
		padding-bottom: 30px;
	}
}
	
.accueil a {
	text-decoration: none;
}

h1 {
	position: relative;
	padding-top: 2px;
	margin-left: auto;
	margin-right: auto;
	font-family: minecraft;
	color: rgba(238,255,206,1);
	text-align: justify;
	height: 2vh;
	z-index: 5;
}

h1:after {
	content: "";
	display: inline-block;
	width: 100%;
}

.audiobox {
	width: 4vh;
	margin: auto;
	z-index: 5;
}

#indexaudioplayer div {
	width: 4vh;
	height: 5vh;
	background-color: rgba(238,255,206,1);
	clip-path: polygon(0 0, 0% 0%, 0% 100%, 0 100%, 0 100%, 100% 50%, 100% 50%, 100% 50%, 0 0);
	transition: clip-path 0.3s;
	cursor: pointer;
}

#indexaudioplayer.pause div {
	clip-path: polygon(50% 0, 0% 0%, 0% 100%, 33% 100%, 33% 0, 66% 0, 66% 100%, 100% 100%, 100% 0%);
}

.index .youtube video {
	position: absolute;
	width: 40px;
	height: 40px;
	bottom: 90px;
	right: 30px;
}

.index .insta video {
	position: absolute;
	width: 40px;
	height: 40px;
	bottom: 30px;
	right: 30px;
}

/* menu */

.navicon1 {
	padding: 0px;
	width: 50px;
	height: 10px;
	background-color: rgba(238,255,206,1);
}

.navicon2 {
	position: absolute;
	padding: 0px;
	width: 50px;
	height: 10px;
	top: 20px;
	background-color: rgba(238,255,206,1);
}

.navicon3 {
	position: absolute;
	padding: 0px;
	width: 50px;
	height: 10px;
	top: 40px;
	background-color: rgba(238,255,206,1);
}

.navimage {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 50px;
	height: 50px;
	transition: transform .5s;
	background-color: rgba(238,255,206,0);
}

.menu:hover .navimage, .menu:active .navimage {
	transform: rotate(0.75turn);
	background-color: rgba(238,255,206,0);
}
	
.menu {
	position: fixed;
	top: 30px;
	right: 30px;
	text-align: right;
	z-index: 1000;
	background-color: rgb(150,23,39);
	cursor: crosshair;
}

.menu a {
		cursor: crosshair;
}

.deroulant {
	padding-top: 79px;
	display: none;
}

.deroulant a {
	padding: 0px;
	text-decoration: none;
	margin-bottom: 10px;
	font-family: minecraft;
	font-size: 1.5em;
	color: rgba(238,255,206,1);
}

.deroulant a:hover, .deroulant a:active {
	padding: 0px;
	text-decoration: none;
	margin-bottom: 10px;
	font-family: minecraft;
	font-size: 1.5em;
	background-color: rgba(238,255,206,1);
	color: rgba(150,23,39,1);
}

.menu:hover .deroulant, .menu:active .deroulant {
	display: block;
}

/* bio */

@media screen and (min-width: 1100px) {
	.bio {
		background: url("img/biobg2.jpg") no-repeat fixed;
		background-size: cover;
		background-position: bottom;
	}

	.biotext {
		position: absolute;
		top: 60px;
		left: 60px;
		width: 40%;
		height: 78.95%;
		background-image: url("img/bgtextbio3.png");
		background-size: 120% 120%;
		color: rgba(255,255,255,1);
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 2px;
		padding-bottom: 4px;
		font-family: nintendods;
		font-size: 3vh;
		line-height: 1.3;
		overflow-y: auto;
		overflow-x: hidden; 
		scrollbar-width: thin;
		scrollbar-color: rgba(255,255,255,0.25) transparent;
		opacity: 0;
		animation-name: fadeIn;
	    animation-iteration-count: 1;
	    animation-timing-function: ease-in-out;
		animation-delay: 1s;
	    animation-duration: 1s;
	    animation-fill-mode: forwards;
	}

	@keyframes fadeIn {
	    0% {
	        opacity: 0;
	    }
	    100% {
	        opacity: 1;
	    }
	}

	.portrait {
		position: absolute;
		left: 55%;
		top: 60px;
		height: 80%;
	}
}

.imgfade {	
	opacity: 0.01;
	animation-name: fadeIn;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
	animation-delay: 1.5s;
    animation-duration: 1s;
    animation-fill-mode:forwards;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@media screen and (max-width: 1100px) {
	.bio {
		background: url("img/biobg2.jpg") no-repeat fixed;
		background-size: cover;
		background-position: bottom;
	}

	.biotext {
		display: block;
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		width: 77%;
		height: 77%;
		background-image: url("img/bgtextbio3.png");
		background-size: 200% 120%;
		color: rgb(255,255,255);
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 2px;
		padding-bottom: 4px;
		font-family: nintendods;
		font-size: 1.3em;
		line-height: 1.3;
		overflow-y: auto;
		overflow-x: hidden; 
		scrollbar-width: thin;
		scrollbar-color: rgba(255,255,255,0.25) transparent;
		opacity: 0;
		animation-name: fadeIn;
	    animation-iteration-count: 1;
	    animation-timing-function: ease-in-out;
		animation-delay: 1s;
	    animation-duration: 1s;
	    animation-fill-mode: forwards;
	}

	@keyframes fadeIn {
	    0% {
	        opacity: 0;
	    }
	    100% {
	        opacity: 1;
	    }
	}

	.bio img {
		display: block;
		margin-top: 110px;
		margin-left: auto;
		margin-right: auto;
		width: 82%;
	}
}

/* projets */

#tail p {
    margin: 0px;
}

.projets {
	background: url("img/projetsbg.jpg") no-repeat fixed;
	background-size: cover;
	background-position: bottom;
}

.projets main {
    display: flex;
    justify-content: flex-start;  
	align-items: center; 
    flex-wrap: wrap;
    padding: 100px;
    gap: 100px;
	align-content: space-between;
}

.projets main img {
    border: rgba(255,255,255, 0.1) solid;
	border-width: 5px;
    width: 260px;
	transition: clip-path 400ms ease-in-out;
}

@media screen and (max-width: 500px) {
	.projets main {
		padding: 30px;
	}
}

.projets .space-clignancourt, .projets .space-clignancourt img {
	clip-path: polygon(0 0, 51% 0, 100% 0, 100% 42%, 100% 65%, 100% 100%, 49% 100%, 0 100%, 0 65%, 0 41%, 0 24%);
}

.projets .space-clignancourt:hover img {
	clip-path: polygon(22% 9%, 49% 2.2%, 78% 8%, 97.8% 41%, 94% 60%, 88% 81%, 58% 97.8%, 15% 87%, 3% 61%, 2.2% 41%, 6% 29%);
}

.projets .solo, .projets .solo img {
	clip-path: polygon(0 0, 63% 0, 100% 0, 100% 43%, 100% 61%, 100% 79%, 100% 100%, 0 100%, 0 67%, 0 34%);
	display: none;
}

.projets .solo:hover img {
	clip-path: polygon(43% 28%, 67% 7%, 95% 19%, 98% 41%, 89% 64%, 94% 81%, 94% 94%, 22% 91%, 35% 71%, 49% 66%);
	display: none;
}

.projets .ponceauproj, .projets .ponceauproj img {
	clip-path: polygon(0 0, 43% 0, 66% 0, 100% 0, 100% 16%, 100% 32%, 100% 48%, 100% 64%, 100% 81%, 100% 100%, 79% 100%, 60% 100%, 46% 100%, 31% 100%, 19% 100%, 0 100%, 0 90%, 0 81%, 0 72%, 0 64%, 0 57%, 0 49%, 0 41%, 0 31%, 0 23%, 0 12%);
}

.projets .ponceauproj:hover img {
	clip-path: polygon(16% 13%, 42% 3%, 66% 5%, 79% 21%, 75% 35%, 59% 45%, 58% 59%, 77% 54%, 95% 63%, 84% 79%, 60% 83%, 56% 96%, 47% 95%, 41% 88%, 23% 96%, 11% 94%, 17% 79%, 27% 73%, 34% 62%, 46% 70%, 47% 57%, 26% 57%, 12% 49%, 15% 37%, 21% 32%, 16% 25%);
}

.projets .crystal-bataille, .projets .crystal-bataille img {
	clip-path: polygon(evenodd, 0% 0%, 100% 0%, 0% 0%, 100% 100%, 100% 100%, 100% 0%, 0% 0%, 0% 0%, 100% 100%, 100% 100%, 100% 100%, 0% 100%);
}

.projets .crystal-bataille:hover img {
	clip-path: polygon(evenodd, 49.88% 2.19%, 75.56% 26.93%, 49.88% 49.88%, 75.56% 73.32%, 97.56% 49.88%, 97.56% 49.88%, 75.56% 26.93%, 25.44% 26.68%, 24.94% 72.57%, 75.56% 73.32%, 49.88% 97.56%, 2.19% 49.88%);
}

.projets .sideman, .projets .sideman img {
	clip-path: polygon(23.25% 0%, 54.25% 0%, 81.75% 0%, 100% 0%, 100% 19.5%, 100% 58.5%, 100% 100%, 0% 100%, 0% 60%, 0% 36.5%, 0% 0%);
	display: none;
}

.projets .sideman:hover img {
	clip-path: polygon(42.25% 11%, 55.5% 2.2%, 65.25% 12.25%, 65.5% 24.75%, 72.25% 31%, 67.5% 69%, 60.25% 93.5%, 41% 97.25%, 39% 68.75%, 29.75% 62.25%, 19.75% 15.5%);
	display: none;
}

/* space clignancourt */

.spacepage {
	background-color: black;
}

.embedshadertoyspace {
	width: 100%;
	heigth: 100%;
	border: 0;
}

/* ponceau */

@media screen and (min-width: 1200px) {
	.ponceau {
		background-image: url("img/ponceau-bg.jpg");
		background-size: 100vh 100vh;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center; 
	}

	.ponceau iframe {
		position: absolute; 
		top: 50%; 
		left: 50%; 
		transform: translate(-135%, -110%); 
		border: 0; 
		width: 41vh; 
		height: 41vh;
	}

	.ponceauabstract {
		position: absolute;
		top: 50%; 
		left: 50%;
		transform: translate(30%, 40%); 
		border: 0; 
		width: 20vw; 
		height: 32vh;
		border: 5px double;
		font-family: nintendods;
		font-size: 2.6vh;
		line-height: 1.2;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 2px;
		padding-bottom: 4px;
		overflow-y: auto;
		overflow-x: hidden; 
		scrollbar-width: thin;
		scrollbar-color: rgba(0,0,0,0.5) transparent;
		backdrop-filter: blur(2px);
		background-color: rgba(255,255,255,0.6);
	}
}

@media screen and (max-width: 1200px) {	
	.ponceau {
		background-image: url("img/ponceau-bg.jpg");
		background-size: 100vw 100vw;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: bottom;
		height: 900px;
	}

	.ponceau iframe {
		position: absolute; 
		top: 100px;
		left: 50%; 
		transform: translate(-50%, 0); 
		border: 0; 
		width: 340px; 
		height: 340px;
	}

	.ponceauabstract {
		position: relative;
		top: 500px;
		left: 50%;
		transform: translate(-50%, 0);
		border: 0;
		width: 310px;
		height: fit-content;
		border: 5px double;
		font-family: nintendods;
		font-size: 1.5em;
		line-height: 1.2;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 2px;
		padding-bottom: 4px;
		backdrop-filter: blur(2px);
		background-color: rgba(255,255,255,0.6);
	}

	.ponceauabstract .footer {
		position: relative;
	}
}

/* crystal bataille */

@media screen and (min-width: 940px) {
	.crystalbataille .abstract {
		position: absolute;
		margin: 0;
		padding: 10px;
		padding-top: 5px;
		line-height: 1.1;
		top: 33.5%;
		left: 70%;
		width: 93px;
		height: 93px;
		background-color: transparent;
		font-family: nintendods;
		font-size: 0.2em;
		color: transparent;
		border: 1px dashed white;
		transition: all .3s linear;
		transition-delay: .15s;
		transition-property: font-size, border, background-color, top, left, height, width, height, color;
	}
		
	.crystalbataille .abstract:hover {
		position: absolute;
		margin: 0;
		padding: 10px;
		padding-top: 5px;
		line-height: 1.1;
		top: 25vh;
		left: 65%;
		width: 400px;
		height: 400px;
		background-color: black;
		font-size: 1.3em;
		border: 1px dashed rgb(0, 7, 130);
		color: rgb(52, 80, 235);
	}

	.crystalbataille .cursorboxabs {
		position: absolute;
		margin: 0;
		padding: 10px;
		top: 33.5%;
		left: 70%;
		width: 93px;
		height: 93px;
		transition: all .3s linear;
	}



	.crystalbataille .cursorboxabs css-doodle {
		position: absolute;
		top: 50%;
		left: 50%;
		height:43px;
		width:33px;
		transform: translate(-50%, -50%);
	}

	.laptopcrystaldoodle {
		user-select: none;
	}

	.phonecrystaldoodle {
		display:none;
	}
}

@media screen and (max-width: 940px) {
	.crystalbataille {
		overflow-x: hidden;
	}

	.crystalbataille .abstract {
		position: absolute;
		margin: 0;
		top: 100vh;
		left: 50%;
		transform: translate(-50%, 0%);
		padding: 10px;
		line-height: 1;
		bottom: 57px;
		width: 80vw;
		height: 45vh;
		background-color: black;
		font-family: nintendods;
		font-size: 1.2em;
		border: 1px dashed rgb(0, 7, 130);
		color: rgb(52, 80, 235);
	}

	.phonecrystaldoodle {
		user-select: none;
	}

	.laptopcrystaldoodle {
		display:none;
	}
}

/* records */

@media screen and (max-width: 1000px) {
	.recordscenter {
		width: 66%;
		padding-top: 27px;
		padding-left: 20px;	
		padding-right: 20px;
		padding-bottom: 1px;
		margin: auto;
		will-change: transform;
		backdrop-filter: contrast(100%) blur(5px);
		border-right: thick double rgba(0,0,0,0.1);
		border-left: thick double rgba(0,0,0,0.1);
		z-index: 0;
	}
	
	.records footer {
		display: none;
	}
}

@media screen and (min-width: 1000px) {
	.recordscenter {
		width: 50%;
		padding-top: 27px;
		padding-left: 20px;	
		padding-right: 20px;
		padding-bottom: 1px;
		margin: auto;
		backdrop-filter: contrast(100%) blur(5px);
		border-right: thick double rgba(0,0,0,0.1);
		border-left: thick double rgba(0,0,0,0.1);
		z-index: 0;
	}
}

.records {
	background: url("img/projetsbg.jpg") no-repeat fixed;
	background-size: cover;
	background-position: right;
}

.recordscenter iframe {
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	width: 100%;
	margin-bottom: -4px;
	margin-top: 0px;
	background-color: #1F1F1F;
}

.bandcampframe {
	transform: scale(1.3,1);
	width: 76.9%;
	margin-left: auto;
	margin-right: auto;	
}

.recordscenter h2 {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	font-family: minecraft;
	font-size: 2em;
	color: white;
	border-top: 3px solid rgba(255,255,255,0.5);
	border-bottom: 3px solid rgba(255,255,255,0.5);
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 2px;
	will-change: transform;
	backdrop-filter: blur(200px);
}

.recordscenter p {
    margin-top: -1px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 4px;
	padding-bottom: 5px;
	line-height: 1.1;
	font-family: nintendods;
	font-size: 1.8em;
	color: white;
	border-bottom: 3px solid rgba(255,255,255,0.5);
	will-change: transform;
	backdrop-filter: blur(200px);
}

@media screen and (min-width: 1800px) {
	.bandcampframe {
		transform: scale(2,1);
		width: 50%;
	}
}

@media screen and (min-width: 3000px) {
	.bandcampframe {
		transform: scale(3,1);
		width: 33.333%;
	}
}
@media screen and (min-width: 4000px) {
	.bandcampframe {
		transform: scale(5,1);
		width: 20%;
	}
}

/* touchdesigner */

.touchdesigner {
	cursor: url(img/customcursor.png) 16 16, auto;
}

/* composition */

.composition:before {
	content: '';
	z-index: -1;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 0;
	will-change: transform;
	backdrop-filter: invert(100%);
}

@media screen and (min-width: 1000px) {
	.composition {
		background: url("img/projetsbg.jpg") no-repeat fixed;
		background-size: 100%;
		background-position: bottom;
	}

	.composition .menu:hover {
		backdrop-filter: blur(2000px);
	}

	.compcenter {
		padding-top: 30px;
		width: 50%;
		margin: auto;
	}

	.compcenter iframe {
		width: 99%;
		margin-bottom: 45px;
		height: 28.1vw;
		border: 45px double rgba(16,2,53,0.5);
		transform: translate(-6%,0);
		transition: border 0.3s;
		padding: 15px;
	}

	.compcenter iframe:hover {
		border: 45px double rgba(133,228,214,0.5);
	}
}

@media screen and (max-width: 1000px) {
	.composition {
		background: url("img/projetsbg.jpg") no-repeat fixed;
		background-size: 200%;
		background-position: center;
	}

	.composition .menu:hover {
		backdrop-filter: blur(2000px);
	}

	.compcenter {
		padding-top: 110px;
		width: 70%;
		margin: auto;
	}

	.compcenter iframe {
		position: relative;
		width: 100%;
		margin-bottom: 45px;
		height: 39.2vw;
		transform: translate(-20px,20px);
		border: 20px double rgba(133,228,214,0.5);
		/* padding: 10px; */
	}
}

/* contact */

.contact {
	background-color: rgba(150,23,39,1);
	background: cover;
}

.mailpage {
	text-align: center;
	width: 80%;
	height: 550px;
}

.credits {
	position: absolute;
	bottom: 10px;
	left: 10px;
	font-family: nintendods;
	color: rgba(238,255,206,1);
}

@media screen and (min-width: 900px) {
	.cssviolin {
		width: 550px;
		height: 550px;
		margin-right: 15%;
		text-align: left;
		margin-top: 25px;
		background-color: rgba(238,255,206,1);
		transition: clip-path 2s;
		clip-path: polygon(43% 11%, 35% 5%, 28% 0, 28% 24%, 25% 24%, 20% 24%, 9% 24%, 0 37%, 8% 44%, 23% 58%, 9% 71%, 18% 80%, 28% 92%, 63% 92%, 77% 78%, 84% 91%, 90% 69%, 64% 58%, 85% 46%, 68% 38%, 85% 29%, 72% 21%, 77% 15%, 65% 13%, 78% 4%, 58% 4%, 51% 16%);
	}

	.mailpage:hover .cssviolin {
		clip-path: polygon(47% 5%, 47% 9%, 38% 9%, 38% 12%, 46% 12%, 46% 15%, 38% 16%, 39% 19%, 46% 19%, 46% 41%, 15% 53%, 28% 60%, 15% 65%, 43% 94%, 53% 94%, 68% 74%, 59% 67%, 69% 58%, 52% 41%, 52% 18%, 59% 16%, 59% 14%, 52% 14%, 52% 11%, 62% 11%, 62% 9%, 52% 8%);
	}

	.mailpage p {
		position: absolute;
		top: 40%;
		left: 50%;
		padding-right: 100px;
		font-family: nintendods;
		font-size: 1.7em;
		text-align: left;
		color: rgba(238,255,206,1);
	}

	.mailpage p a {
		color: rgba(238,255,206,1);
	}

	.mailpage p a:hover {
		color: black;
	}
}

.youtube video {
	position: absolute;
	width: 40px;
	height: 40px;
	bottom: 90px;
	right: 30px;
}

.insta video {
		position: absolute;
		width: 40px;
		height: 40px;
		bottom: 30px;
		right: 30px;
}

@media screen and (max-width: 900px) {
	.cssviolin {
		position: absolute;
		width: 200px;
		height: 200px;
		left: 50%;
		transform: translate(-52.5%, 0);
		top: 50vh;
		background-color: rgba(238,255,206,1);
		clip-path: polygon(40% 95%, 21.5012% 94.9876%, 53.6935% 94.9504%, 62.2747% 94.8885%, 62.0871% 94.8019%, 60.7076% 94.6909%, 59.4605% 94.5554%, 27.1397% 94.3958%, 34.5914% 94.2123%, 27.0364% 94.0051%, 57.3523% 93.7745%, 45.236% 93.5209%, 57.3924% 93.2446%, 32.1893% 92.946%, 67.5686% 92.6256%, 58.1109% 92.2838%, 33.2975% 91.9211%, 43.8798% 91.5381%, 67.7398% 91.1352%, 73.5444% 90.7131%, 60.1896% 90.2723%, 43.7065% 89.8135%, 36.7538% 89.3374%, 41.7248% 88.8445%, 53.9581% 88.3358%, 67.0859% 87.8117%, 76.451% 87.2732%, 80.1117% 86.721%, 78.3701% 86.1558%, 72.8023% 85.5784%, 65.374% 84.9898%, 57.857% 84.3907%, 51.5472% 83.7819%, 47.2032% 83.1644%, 45.1113% 82.5389%, 45.2038% 81.9065%, 47.1846% 81.2679%, 50.6387% 80.6241%, 55.1141% 79.9759%, 60.1784% 79.3243%, 65.4521% 78.6703%, 70.6248% 78.0146%, 75.4591% 77.3582%, 79.7871% 76.7021%, 83.5022% 76.047%, 86.5488% 75.3941%, 88.9126% 74.744%, 90.6101% 74.0978%, 91.6799% 73.4563%, 92.176% 72.8203%, 92.1612% 72.1908%, 91.7025% 71.5686%, 90.8678% 70.9545%, 89.723% 70.3494%, 88.3303% 69.754%, 86.7473% 69.1692%, 85.0259% 68.5957%, 83.2121% 68.0343%, 81.3464% 67.4856%, 79.4634% 66.9505%, 77.5925% 66.4295%, 75.758% 65.9234%, 73.98% 65.4328%, 72.2742% 64.9583%, 70.6531% 64.5004%, 69.1259% 64.0598%, 67.6988% 63.6369%, 66.3762% 63.2323%, 65.1601% 62.8464%, 64.051% 62.4796%, 63.0479% 62.1324%, 62.1489% 61.8051%, 61.351% 61.498%, 60.6504% 61.2115%, 60.0431% 60.9459%, 59.5242% 60.7013%, 59.089% 60.478%, 58.7323% 60.2761%, 58.4489% 60.0958%, 58.2335% 59.9371%, 58.081% 59.8002%, 57.9862% 59.685%, 57.9441% 59.5915%, 57.9499% 59.5198%, 57.9987% 59.4696%, 58.0862% 59.441%, 58.208% 59.4337%, 58.3601% 59.4475%, 58.5384% 59.4823%, 58.7393% 59.5377%, 58.9594% 59.6135%, 59.1955% 59.7094%, 59.4443% 59.825%, 59.7032% 59.9599%, 59.9694% 60.1137%, 60.2406% 60.286%, 60.5143% 60.4762%, 60.7885% 60.6839%, 61.0613% 60.9085%, 61.3308% 61.1494%, 61.5954% 61.4061%, 61.8537% 61.6779%, 62.1043% 61.9642%, 62.3459% 62.2643%, 62.5774% 62.5776%, 62.7979% 62.9032%, 63.0064% 63.2405%, 63.2021% 63.5887%, 63.3844% 63.9471%, 63.5526% 64.3148%, 63.7063% 64.6911%, 63.8448% 65.075%, 63.968% 65.4659%, 64.0754% 65.8627%, 64.1667% 66.2648%, 64.2419% 66.6711%, 64.3008% 67.0809%, 64.3432% 67.4932%, 64.3691% 67.9072%, 64.3786% 68.3219%, 64.3716% 68.7365%, 64.3482% 69.15%, 64.3086% 69.5616%, 64.2528% 69.9704%, 64.1811% 70.3754%, 64.0936% 70.7758%, 63.9906% 71.1707%, 63.8723% 71.5593%, 63.739% 71.9406%, 63.5909% 72.3137%, 63.4283% 72.678%, 63.2516% 73.0324%, 63.0611% 73.3762%, 62.8571% 73.7087%, 62.64% 74.0289%, 62.4101% 74.3361%, 62.1679% 74.6296%, 61.9137% 74.9086%, 61.6478% 75.1724%, 61.3708% 75.4204%, 61.0829% 75.6518%, 60.7846% 75.866%, 60.4764% 76.0625%, 60.1585% 76.2405%, 59.8315% 76.3996%, 59.4958% 76.5391%, 59.1517% 76.6587%, 58.7997% 76.7578%, 58.4402% 76.8359%, 58.0737% 76.8927%, 57.7005% 76.9278%, 57.3211% 76.9407%, 56.9359% 76.9313%, 56.5454% 76.8992%, 56.1498% 76.8441%, 55.7497% 76.7658%, 55.3455% 76.6642%, 54.9375% 76.5391%, 54.5262% 76.3904%, 54.1119% 76.2181%, 53.6951% 76.0219%, 53.2762% 75.8021%, 52.8555% 75.5586%, 52.4335% 75.2914%, 52.0104% 75.0006%, 51.5868% 74.6865%, 51.1629% 74.3491%, 50.7391% 73.9888%, 50.3158% 73.6056%, 49.8934% 73.1999%, 49.4721% 72.772%, 49.0524% 72.3223%, 48.6345% 71.8511%, 48.2189% 71.3588%, 47.8057% 70.8459%, 47.3954% 70.3129%, 46.9883% 69.7601%, 46.5846% 69.1883%, 46.1847% 68.5979%, 45.7889% 67.9895%, 45.3974% 67.3637%, 45.0105% 66.7213%, 44.6286% 66.0627%, 44.2518% 65.3888%, 43.8804% 64.7003%, 43.5147% 63.9979%, 43.155% 63.2823%, 42.8014% 62.5543%, 42.4542% 61.8147%, 42.1136% 61.0644%, 41.7799% 60.3042%, 41.4532% 59.5348%, 41.1338% 58.7572%, 40.8218% 57.9723%, 40.5174% 57.1808%, 40.2209% 56.3838%, 39.9324% 55.5821%, 39.652% 54.7766%, 39.3799% 53.9682%, 39.1163% 53.1579%, 38.8613% 52.3465%, 38.6151% 51.535%, 38.3777% 50.7243%, 38.1494% 49.9154%, 37.9301% 49.1091%, 37.7201% 48.3063%, 37.5194% 47.508%, 37.3281% 46.715%, 37.1463% 45.9283%, 36.974% 45.1487%, 36.8114% 44.3772%, 36.6586% 43.6144%, 36.5155% 42.8614%, 36.3822% 42.1189%, 36.2587% 41.3878%, 36.1452% 40.6688%, 36.0415% 39.9627%, 35.9478% 39.2704%, 35.8641% 38.5924%, 35.7903% 37.9295%, 35.7265% 37.2825%, 35.6726% 36.6519%, 35.6286% 36.0385%, 35.5946% 35.4429%, 35.5705% 34.8655%, 35.5562% 34.3071%, 35.5518% 33.7681%, 35.5571% 33.249%, 35.5722% 32.7503%, 35.5969% 32.2725%, 35.6312% 31.8159%, 35.6751% 31.3809%, 35.7284% 30.9679%, 35.7911% 30.5772%, 35.863% 30.209%, 35.9442% 29.8636%, 36.0345% 29.5413%, 36.1337% 29.2421%, 36.2418% 28.9662%, 36.3587% 28.7137%, 36.4843% 28.4847%, 36.6184% 28.2793%, 36.7608% 28.0973%, 36.9116% 27.9388%, 37.0704% 27.8036%, 37.2372% 27.6918%, 37.4119% 27.6031%, 37.5942% 27.5373%, 37.7841% 27.4942%, 37.9814% 27.4736%, 38.1858% 27.4752%, 38.3973% 27.4987%, 38.6156% 27.5436%, 38.8406% 27.6098%, 39.0721% 27.6966%, 39.31% 27.8037%, 39.554% 27.9306%, 39.804% 28.0767%, 40.0597% 28.2417%, 40.321% 28.4248%, 40.5877% 28.6254%, 40.8596% 28.8431%, 41.1364% 29.0771%, 41.418% 29.3267%, 41.7042% 29.5914%, 41.9948% 29.8703%, 42.2895% 30.1627%, 42.5882% 30.4678%, 42.8907% 30.785%, 43.1966% 31.1134%, 43.5059% 31.4522%, 43.8183% 31.8006%, 44.1336% 32.1577%, 44.4515% 32.5227%, 44.7719% 32.8948%, 45.0946% 33.273%, 45.4193% 33.6566%, 45.7457% 34.0445%, 46.0738% 34.436%, 46.4032% 34.8301%, 46.7338% 35.226%, 47.0654% 35.6227%, 47.3976% 36.0194%, 47.7304% 36.415%, 48.0635% 36.8089%, 48.3966% 37.2%, 48.7297% 37.5875%, 49.0623% 37.9705%, 49.3945% 38.3482%, 49.7258% 38.7196%, 50.0563% 39.0839%, 50.3855% 39.4404%, 50.7134% 39.7881%, 51.0397% 40.1263%, 51.3642% 40.4541%, 51.6867% 40.7709%, 52.0071% 41.0758%, 52.3251% 41.3681%, 52.6406% 41.6471%, 52.9534% 41.9122%, 53.2633% 42.1625%, 53.57% 42.3976%, 53.8735% 42.6167%, 54.1735% 42.8193%, 54.4699% 43.0048%, 54.7626% 43.1727%, 55.0512% 43.3224%, 55.3358% 43.4536%, 55.6161% 43.5656%, 55.892% 43.6582%, 56.1633% 43.7309%, 56.4298% 43.7834%, 56.6915% 43.8153%, 56.9483% 43.8264%, 57.1998% 43.8164%, 57.4461% 43.785%, 57.6871% 43.7322%, 57.9225% 43.6577%, 58.1523% 43.5615%, 58.3763% 43.4434%, 58.5945% 43.3034%, 58.8067% 43.1415%, 59.0129% 42.9577%, 59.2129% 42.7521%, 59.4067% 42.5248%, 59.5942% 42.2759%, 59.7753% 42.0056%, 59.9499% 41.7141%, 60.118% 41.4016%, 60.2794% 41.0684%, 60.4342% 40.7148%, 60.5822% 40.3412%, 60.7235% 39.9478%, 60.858% 39.5352%, 60.9855% 39.1037%, 61.1062% 38.6538%, 61.22% 38.186%, 61.3268% 37.7009%, 61.4267% 37.199%, 61.5195% 36.6808%, 61.6054% 36.147%, 61.6842% 35.5983%, 61.7561% 35.0352%, 61.8209% 34.4586%, 61.8788% 33.8689%, 61.9297% 33.2672%, 61.9736% 32.6539%, 62.0106% 32.03%, 62.0408% 31.3962%, 62.064% 30.7534%, 62.0805% 30.1023%, 62.0901% 29.4438%, 62.093% 28.7788%, 62.0893% 28.108%, 62.079% 27.4324%, 62.0621% 26.7529%, 62.0387% 26.0704%, 62.0089% 25.3857%, 61.9727% 24.6998%, 61.9304% 24.0136%, 61.8818% 23.3279%, 61.8272% 22.6438%, 61.7666% 21.9621%, 61.7002% 21.2837%, 61.6279% 20.6095%, 61.55% 19.9404%, 61.4665% 19.2774%, 61.3776% 18.6214%, 61.2833% 17.9731%, 61.1839% 17.3335%, 61.0793% 16.7035%, 60.9699% 16.0839%, 60.8556% 15.4755%, 60.7366% 14.8791%, 60.6131% 14.2957%, 60.4851% 13.7258%, 60.353% 13.1704%, 60.2167% 12.6302%, 60.0765% 12.1059%, 59.9324% 11.5981%, 59.7847% 11.1077%, 59.6336% 10.6351%, 59.4791% 10.1812%, 59.3214% 9.74644%, 59.1608% 9.33144%, 58.9973% 8.93675%, 58.8312% 8.56289%, 58.6626% 8.21036%, 58.4917% 7.87962%, 58.3187% 7.5711%, 58.1436% 7.2852%, 57.9669% 7.02228%, 57.7885% 6.78268%, 57.6087% 6.56671%, 57.4276% 6.37461%, 57.2455% 6.20664%, 57.0625% 6.06297%, 56.8788% 5.94378%, 56.6946% 5.8492%, 56.5101% 5.7793%, 56.3255% 5.73415%, 56.1409% 5.71377%, 55.9565% 5.71814%, 55.7725% 5.74721%, 55.5891% 5.80089%, 55.4066% 5.87906%, 55.2249% 5.98155%, 55.0445% 6.10819%, 54.8653% 6.25873%, 54.6877% 6.43292%, 54.5118% 6.63045%, 54.3377% 6.851%, 54.1657% 7.09421%, 53.9959% 7.35968%, 53.8285% 7.64698%, 53.6636% 7.95565%, 53.5015% 8.2852%, 53.3423% 8.63512%, 53.1862% 9.00485%, 53.0334% 9.39382%, 52.8839% 9.80143%, 52.7381% 10.2271%, 52.5959% 10.67%, 52.4576% 11.1297%, 52.3234% 11.6053%, 52.1933% 12.0961%, 52.0676% 12.6015%, 51.9464% 13.1206%, 51.8298% 13.6526%, 51.7179% 14.1968%, 51.6109% 14.7523%, 51.509% 15.3183%, 51.4122% 15.894%, 51.3207% 16.4784%, 51.2346% 17.0708%, 51.154% 17.6702%, 51.0791% 18.2758%, 51.0098% 18.8866%, 50.9465% 19.5018%, 50.889% 20.1204%, 50.8376% 20.7416%, 50.7924% 21.3643%, 50.7534% 21.9878%, 50.7207% 22.6112%, 50.6944% 23.2334%, 50.6745% 23.8536%, 50.6612% 24.4709%, 50.6545% 25.0845%, 50.6545% 25.6933%, 50.6612% 26.2967%, 50.6747% 26.8936%, 50.695% 27.4833%, 50.7221% 28.0649%, 50.7562% 28.6376%, 50.7972% 29.2006%, 50.8452% 29.7531%, 50.9002% 30.2944%, 50.9621% 30.8236%, 51.0311% 31.3401%, 51.1072% 31.8432%, 51.1902% 32.3321%, 51.2803% 32.8062%, 51.3775% 33.265%, 51.4816% 33.7076%, 51.5927% 34.1337%, 51.7108% 34.5427%, 51.8359% 34.9339%, 51.9678% 35.307%, 52.1067% 35.6614%, 52.2523% 35.9968%, 52.4048% 36.3127%, 52.564% 36.6087%, 52.7298% 36.8846%, 52.9023% 37.14%, 53.0813% 37.3746%, 53.2667% 37.5883%, 53.4586% 37.7807%, 53.6567% 37.9518%, 53.8611% 38.1015%, 54.0716% 38.2296%, 54.2881% 38.336%, 54.5106% 38.4208%, 54.7388% 38.4839%, 54.9728% 38.5255%, 55.2123% 38.5455%, 55.4574% 38.5442%, 55.7077% 38.5216%, 55.9633% 38.4779%, 56.224% 38.4135%, 56.4895% 38.3284%, 56.7599% 38.2231%, 57.035% 38.0978%, 57.3145% 37.953%, 57.5984% 37.7889%, 57.8864% 37.606%, 58.1785% 37.4048%, 58.4745% 37.1858%, 58.7741% 36.9494%, 59.0772% 36.6962%, 59.3837% 36.4268%, 59.6934% 36.1418%, 60.006% 35.8418%, 60.3214% 35.5274%, 60.6393% 35.1993%, 60.9597% 34.8582%, 61.2823% 34.5048%, 61.6069% 34.1399%, 61.9334% 33.7643%, 62.2614% 33.3786%, 62.5908% 32.9837%, 62.9214% 32.5804%, 63.253% 32.1695%, 63.5854% 31.7518%, 63.9183% 31.3283%, 64.2516% 30.8998%, 64.5849% 30.4671%, 64.9182% 30.0311%, 65.2512% 29.5927%, 65.5837% 29.1528%, 65.9153% 28.7123%, 66.246% 28.2721%, 66.5755% 27.8331%, 66.9036% 27.3961%, 67.23% 26.9622%, 67.5545% 26.5321%, 67.8769% 26.1068%, 68.1969% 25.6872%, 68.5144% 25.2741%, 68.8291% 24.8684%, 69.1408% 24.471%, 69.4492% 24.0827%, 69.7541% 23.7043%, 70.0554% 23.3367%, 70.3527% 22.9807%, 70.6459% 22.6371%, 70.9347% 22.3066%, 71.219% 21.99%, 71.4984% 21.6881%, 71.7727% 21.4015%, 72.0419% 21.1309%, 72.3056% 20.8771%, 72.5635% 20.6406%, 72.8156% 20.4221%, 73.0616% 20.2222%, 73.3013% 20.0414%, 73.5345% 19.8803%, 73.761% 19.7394%, 73.9805% 19.6191%, 74.193% 19.52%, 74.3981% 19.4424%, 74.5957% 19.3867%, 74.7857% 19.3533%, 74.9678% 19.3425%, 75.1418% 19.3546%, 75.3076% 19.3897%, 75.4649% 19.4483%, 75.6137% 19.5304%, 75.7538% 19.6362%, 75.8849% 19.7657%, 76.007% 19.9192%, 76.1198% 20.0965%, 76.2232% 20.2978%, 76.3172% 20.523%, 76.4014% 20.7721%, 76.4759% 21.0448%, 76.5404% 21.3412%, 76.5949% 21.661%, 76.6391% 22.004%, 76.6731% 22.37%, 76.6966% 22.7587%, 76.7096% 23.1698%, 76.712% 23.603%, 76.7036% 24.0579%, 76.6844% 24.534%, 76.6543% 25.0309%, 76.6132% 25.5483%, 76.561% 26.0855%, 76.4977% 26.642%, 76.4232% 27.2173%, 76.3374% 27.8108%, 76.2402% 28.4218%, 76.1317% 29.0498%, 76.0118% 29.694%, 75.8805% 30.3539%, 75.7376% 31.0285%, 75.5833% 31.7173%, 75.4174% 32.4195%, 75.24% 33.1343%, 75.0511% 33.8608%, 74.8506% 34.5984%, 74.6385% 35.3461%, 74.415% 36.1031%, 74.1799% 36.8685%, 73.9334% 37.6416%, 73.6754% 38.4213%, 73.406% 39.2069%, 73.1253% 39.9974%, 72.8332% 40.7918%, 72.5298% 41.5894%, 72.2153% 42.3891%, 71.8896% 43.1901%, 71.5529% 43.9915%, 71.2052% 44.7923%, 70.8465% 45.5915%, 70.4771% 46.3884%, 70.097% 47.1819%, 69.7063% 47.9712%, 69.3051% 48.7554%, 68.8936% 49.5335%, 68.4718% 50.3048%, 68.0398% 51.0682%, 67.5979% 51.8231%, 67.1462% 52.5684%, 66.6848% 53.3035%, 66.2138% 54.0274%, 65.7334% 54.7394%, 65.2438% 55.4388%, 64.7452% 56.1246%, 64.2376% 56.7964%, 63.7214% 57.4531%, 63.1967% 58.0944%, 62.6636% 58.7193%, 62.1224% 59.3274%, 61.5732% 59.9179%, 61.0164% 60.4904%, 60.452% 61.0441%, 59.8803% 61.5787%, 59.3015% 62.0936%, 58.7159% 62.5883%, 58.1237% 63.0624%, 57.525% 63.5155%, 56.9202% 63.9472%, 56.3094% 64.3572%, 55.693% 64.7451%, 55.0712% 65.1107%, 54.4441% 65.4538%, 53.8122% 65.7741%, 53.1756% 66.0714%, 52.5346% 66.3456%, 51.8895% 66.5967%, 51.2405% 66.8245%, 50.5879% 67.0291%, 49.932% 67.2104%, 49.2731% 67.3684%, 48.6114% 67.5033%, 47.9473% 67.6152%, 47.281% 67.7042%, 46.6128% 67.7705%, 45.9429% 67.8143%, 45.2718% 67.8358%, 44.5997% 67.8354%, 43.9268% 67.8133%, 43.2535% 67.77%, 42.5801% 67.7058%, 41.9068% 67.6211%, 41.234% 67.5163%, 40.562% 67.392%, 39.8911% 67.2487%, 39.2216% 67.0868%, 38.5537% 66.907%, 37.8878% 66.7099%, 37.2242% 66.496%, 36.5633% 66.266%, 35.9052% 66.0205%, 35.2503% 65.7604%, 34.5989% 65.4862%, 33.9513% 65.1987%, 33.3079% 64.8986%, 32.6688% 64.5868%, 32.0345% 64.2641%, 31.4051% 63.9311%, 30.7811% 63.5888%, 30.1627% 63.238%, 29.5501% 62.8795%, 28.9437% 62.5142%, 28.3439% 62.143%, 27.7507% 61.7667%, 27.1646% 61.3861%, 26.5859% 61.0023%, 26.0147% 60.6161%, 25.4514% 60.2284%, 24.8963% 59.8401%, 24.3496% 59.452%, 23.8117% 59.0651%, 23.2826% 58.6803%, 22.7628% 58.2985%, 22.2525% 57.9205%, 21.7519% 57.5472%, 21.2613% 57.1795%, 20.7809% 56.8182%, 20.311% 56.4643%, 19.8518% 56.1184%, 19.4036% 55.7815%, 18.9665% 55.4544%, 18.5408% 55.1378%, 18.1267% 54.8326%, 17.7244% 54.5394%, 17.3342% 54.259%, 16.9562% 53.9921%, 16.5907% 53.7395%, 16.2378% 53.5017%, 15.8977% 53.2794%, 15.5705% 53.0733%, 15.2566% 52.884%, 14.956% 52.7119%, 14.669% 52.5577%, 14.3956% 52.4218%, 14.136% 52.3048%, 13.8904% 52.207%, 13.6589% 52.1289%, 13.4416% 52.071%, 13.2387% 52.0334%, 13.0503% 52.0167%, 12.8766% 52.0209%, 12.7175% 52.0465%, 12.5732% 52.0936%, 12.4439% 52.1624%, 12.3296% 52.253%, 12.2303% 52.3657%, 12.1462% 52.5004%, 12.0773% 52.6571%, 12.0237% 52.836%, 11.9855% 53.037%, 11.9626% 53.2599%, 11.9551% 53.5048%, 11.9631% 53.7715%, 11.9866% 54.0598%, 12.0255% 54.3695%, 12.08% 54.7004%, 12.15% 55.0521%, 12.2355% 55.4245%, 12.3364% 55.8171%, 12.4529% 56.2296%, 12.5848% 56.6616%, 12.7321% 57.1126%, 12.8948% 57.5822%, 13.0729% 58.0699%, 13.2662% 58.5751%, 13.4747% 59.0973%, 13.6984% 59.636%, 13.9371% 60.1904%, 14.1908% 60.76%, 14.4594% 61.344%, 14.7428% 61.9419%, 15.041% 62.5529%, 15.3537% 63.1762%, 15.6808% 63.8112%, 16.0223% 64.457%, 16.378% 65.1129%, 16.7478% 65.778%, 17.1315% 66.4515%, 17.529% 67.1326%, 17.9401% 67.8204%, 18.3647% 68.5141%, 18.8025% 69.2128%, 19.2534% 69.9156%, 19.7173% 70.6216%, 20.1939% 71.3298%, 20.683% 72.0395%, 21.1844% 72.7497%, 21.698% 73.4595%, 22.2234% 74.1679%, 22.7606% 74.874%, 23.3092% 75.577%, 23.8691% 76.2759%, 24.44% 76.9699%, 25.0216% 77.6579%, 25.6137% 78.3392%, 26.2161% 79.0128%, 26.8285% 79.6779%, 27.4506% 80.3335%, 28.0823% 80.979%, 28.7231% 81.6133%, 29.3728% 82.2357%, 30.0312% 82.8454%, 30.698% 83.4416%, 31.3729% 84.0236%, 32.0555% 84.5905%, 32.7456% 85.1416%, 33.443% 85.6763%, 34.1472% 86.1938%, 34.858% 86.6936%, 35.5751% 87.1748%, 36.2982% 87.6371%, 37.0269% 88.0797%, 37.761% 88.5021%, 38.5001% 88.9038%, 39.2439% 89.2843%, 39.992% 89.6432%, 40.7443% 89.9799%, 41.5002% 90.2942%, 42.2595% 90.5856%, 43.0219% 90.8538%, 43.7869% 91.0985%, 44.5544% 91.3194%, 45.324% 91.5163%, 46.0952% 91.6891%, 46.8678% 91.8374%, 47.6415% 91.9613%, 48.4159% 92.0606%);
	}

	.mailpage p {
		position: absolute;
		top: 75px;
		color: rgba(238,255,206,1);
		text-align: left;
		padding: 15%;
		font-family: nintendods;
		font-size: 2em;
	}

	.mailpage p a {
		color: rgba(238,255,206,1);
	}

	.youtube video, .insta video {
		position: fixed;
	}
}

/* chrome/edge weird things */

@supports(-webkit-tap-highlight-color: black) {
	/* Matches Edge 12 - latest (92) */
	/* Matches Chrome 16 - latest (95) */
	/* Matches Opera 15 - latest (78) */
	/* does not match Safari */
	/* does not match Firefox */
  
	* {
		margin: 0;
		padding: 0;
	}
	
	@media screen and (min-width: 820px) {
		.index pre {
			font-family: monospace;
			letter-spacing: 0.1819vh; 
		}
		.index .accueil a:hover video {
			border: rgba(237,251,204,1) 50px solid;
			background-color: rgba(237,251,204,1);
		}
		.index, .contact {
			background-color: rgba(160,36,38,1);
		}
		.menu {
			background-color: rgba(160,36,38,1);
		}
		.deroulant a:hover, .deroulant a:active {
			color: rgb(160,36,38);
		}
	}

	@media screen and (max-width: 820px) {
		.index pre {
			letter-spacing: 0.194vw;
		}
	}
	
	.navicon1, .navicon2, .navicon3 {
		background-color: rgba(237,251,204,1);
	}

	.navimage {
		background-color: transparent;
	}

	.navimage:hover, .navimage:active {
		background-color: rgba(237,251,204,0);
	}

	body:not(.index, .touchdesigner) {
		cursor: crosshair;
	}
	
	.recordscenter iframe {
		transform: scale(0.9985, 1);
	}
	
	.recordscenter h2, .recordscenter p {	
		background-color: rgba(0,0,0,0.2);
		transform: scale(0.9985, 1);
	}
	
	.recordscenter p {	
		padding-top: 2px;
		padding-bottom: 2px;
		line-height: 1.2;
	}
	
	.cssviolin {
		background-color: rgba(237,251,204,1);
	}
	
	.mailpage p {
		color: rgba(237,251,204,1);
	}
	
	.page-bg {
		opacity: 0;
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background: url("img/fadebg.png") no-repeat center center fixed;
		background-size: cover;
		-webkit-animation: fade-out 2s forwards;
	}

	@keyframes fade-out {
		0% {
			opacity: 1;
		}
		100% {
			opacity: 0;
		}
	}
}