﻿
body {
	background-image: radial-gradient(rgb(255,178,89),rgb(255,203,143,0.74),white);
	height: 1vw;
}


.titolo1 {
	text-align: center;
	font: italic small-caps bold 30px Georgia;
}

.link {
	margin-top:50px;
}


.link1 {

	margin-top:80px;
}

.link1text {
	font: italic small-caps bold 50px Georgia, serif;
}

.link2text {
	font: italic small-caps bold 20px Georgia, serif;
	text-align:left;
	float:left;
	margin-left:100px;
}

.link3text {
	font: italic small-caps bold 20px Georgia, serif;
	text-align:right;
	float:right;
	margin-right:100px;
}

.knowErrors{
	font: italic small-caps bold 20px Georgia, serif;
	
}

.textVideo {
	margin-top: 100px;
	text-align: center;
	font: italic small-caps bold 20px Georgia;
	color: rgb(0, 0, 0);
	
}






.buttons{
	margin-top:10px;
	text-align:center;
}


.steps {
	margin-left: 35px;
	font: italic small-caps bold 15px Georgia;
	color: black;
	-webkit-text-stroke-width:1px;
	-webkit-text-stroke-color: rgb(159, 92, 0);
}

.Button1 {
	
	align-items: center;
	appearance: none;
	background-image: radial-gradient(100% 100% at 100% 0, #5adaff 0, #5468ff 100%);
	border: 0;
	border-radius: 6px;
	box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	display: inline-flex;
	font-family: "JetBrains Mono",monospace;
	height: 48px;
	justify-content: center;
	line-height: 1;
	list-style: none;
	overflow: hidden;
	padding-left: 16px;
	padding-right: 16px;
	position: relative;
	text-align: left;
	text-decoration: none;
	transition: box-shadow .15s,transform .15s;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
	white-space: nowrap;
	will-change: box-shadow,transform;
	font-size: 18px;
}

.Button1:focus {
		box-shadow: #3c4fe0 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;
	}

.Button1:hover {
		box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;
		transform: translateY(-2px);
	}

.Button1:active {
		box-shadow: #3c4fe0 0 3px 7px inset;
		transform: translateY(2px);
	}



.Button2 {
	
	background: linear-gradient(to bottom right, #EF4765, #FF9A5A);
	border: 0;
	border-radius: 12px;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	font-family: -apple-system,system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 2.5;
	outline: transparent;
	padding: 0 1rem;
	text-align: center;
	text-decoration: none;
	transition: box-shadow .2s ease-in-out;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
	white-space: nowrap;
}

	.Button2:not([disabled]):focus {
		box-shadow: 0 0 .25rem rgba(0, 0, 0, 0.5), -.125rem -.125rem 1rem rgba(239, 71, 101, 0.5), .125rem .125rem 1rem rgba(255, 154, 90, 0.5);
	}

	.Button2:not([disabled]):hover {
		box-shadow: 0 0 .25rem rgba(0, 0, 0, 0.5), -.125rem -.125rem 1rem rgba(239, 71, 101, 0.5), .125rem .125rem 1rem rgba(255, 154, 90, 0.5);
	}


.Button3 {
	
	
	background-color: initial;
	background-image: linear-gradient(rgba(179, 132, 201, .84), rgba(57, 31, 91, .84) 50%);
	border-radius: 42px;
	border-width: 0;
	box-shadow: rgba(57, 31, 91, 0.24) 0 2px 2px,rgba(179, 132, 201, 0.4) 0 8px 12px;
	color: #FFFFFF;
	cursor: pointer;
	font-family: Quicksand,sans-serif;
	font-size: 18px;
	font-weight: 700;
	justify-content: center;
	letter-spacing: .04em;
	line-height: 16px;
	padding: 18px 18px;
	text-align: center;
	text-decoration: none;
	text-shadow: rgba(255, 255, 255, 0.4) 0 0 4px,rgba(255, 255, 255, 0.2) 0 0 12px,rgba(57, 31, 91, 0.6) 1px 1px 4px,rgba(57, 31, 91, 0.32) 4px 4px 16px;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
	vertical-align: baseline;
}

	.Button3:hover {
		background-image: linear-gradient(#B384C9, #391F5B 50%);
	}

@media (min-width: 768px) {
	.Button3 {
		font-size: 21px;
		padding: 18px 34px;
	}
}

.videoContainer{
	text-align:center;
	margin-top:10px;
	
}

.video {
	margin-left: 2vh;
	width: 854px;
	height: 480px;
}


.frecce {
	font: italic small-caps bold 30px Georgia;
	color: darkred;
}

.playVideoText {
	position:fixed;
	top: 750px;
	left: 2vh;
	width: 100vw;
	font: italic small-caps bold 20px Georgia;
}

.contact{
	text-align: right;
	font-size: 20px;
	color: rgb(70, 4, 4);

}