@font-face {font-family: mayan; src: url(assets/Mayan.ttf);}

body, input, label, select{
	font-size:5vw;
	font-family:Sans-serif;
	padding: 15px;
	border-radius: 15px;
}
option{
    font-size: 3vw;
    font-family: sans-serif;
}

audio{
	width: 60%;
}

input[type=radio]{
	height: 4vw;
	width: 4vw;
}

input[type=checkbox]{
	height: 3vw;
	width: 3vw;
}

button{
	/* font-size:16vw; */
	font-family:Sans-serif;
	padding: 15px;
	border-radius: 30px;
    color: aliceblue;
}

body{
	background-color:#dcdcdca9;
	background: rgb(34,193,195);
    background: linear-gradient(180deg, #87B8DD 0%, #cc4b32 44%, #FFC300 67%, #105D88  100%);
	color:#242331;
}

/* h1{
	font-size: 10vw;
	font-family:mayan;
	font-weight: 100;
	color:#386E8E;
} */

a{
	text-decoration: none;
}

input [type=text]{
	border-style: solid;
	border-width: 20px;
	border-color: #555533;
	border-radius: 25px;
}

img {
	border-radius:100px;
}

.photo-upload{
	border-width:3px;
	border-radius:10px;
	text-decoration: none;
	color: #000000;
	background-color: #eeeeff;
	border-style: solid;
	padding:20px;
}

.bling{
    position: absolute;
    top: 0;
    left: 0;
		right: 0;
  	bottom: 0;
		width: 100%;
		height: 130%;
    z-index: 20;
		background: rgba(255,255,255,0.5);
}