/*  Reset */

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
ul, li{
    list-style-type: none;
}
iframe{
    border: 0;
}
input {
    border-radius: 0;
    -webkit-appearance: none;
}
:focus{
    border: 0px;
    outline: none;
}

body{
    font-family: 'Roboto';
	height: 100vh;
	width: 100vw;
	position: fixed;
	top: 0;
	left: 0;

}
body, h1, p{
	font-weight: normal;
	font-size: 14px;
	line-height: 1.3em;
	margin: 0;
}
p{
	padding-bottom: 1em;
}
a, a:hover, a:active, a:visited{
	color: black;
	text-decoration: none !important;
}
#app{
    height: 100%;
	background: linear-gradient(180deg, #aa947c, #b09e86, #d7cebf);
	background-size: 600% 600%;
	-webkit-animation: AnimationName 25s ease infinite;
	-moz-animation: AnimationName 25s ease infinite;
	animation: AnimationName 25s ease infinite;
}

.body{
	max-width: 400px !important;
}

.body p{
	font-weight: 600 !important;
}

.card{
	padding: 2.5em;
}
@-webkit-keyframes AnimationName {
    0%{background-position:51% 0%}
    50%{background-position:50% 100%}
    100%{background-position:51% 0%}
}
@-moz-keyframes AnimationName {
    0%{background-position:51% 0%}
    50%{background-position:50% 100%}
    100%{background-position:51% 0%}
}
@keyframes AnimationName { 
    0%{background-position:51% 0%}
    50%{background-position:50% 100%}
    100%{background-position:51% 0%}
}
@media only screen and (max-width: 600px) {
	body, h1, p{
		font-size: 16px;
	}
	.card{
		padding: 1.5em;
	}
	a, a:hover, a:active, a:visited{
	}
}


h1#titolo{
	font-size: 24px;
	font-weight: 700;
	padding-bottom: 3em;
}

.link{
	font-weight: 700;
	text-decoration: underline;

}

.contatti{
	font-weight: 100 !important;
}