a {
	text-decoration: none;
}

body {
	margin: 0;
}

@font-face {
    font-family: HappyTimes_italic;
    src: url(happy-times-italic.otf);
}

@font-face {
    font-family: HappyTimes_regular;
    src: url(happy-times.otf);
}

@font-face {
    font-family: HappyTimes_bold;
    src: url(happy-times-bold.otf);
}

@font-face {
    font-family: Karla_regular;
    src: url(Karla-Regular.ttf);
}

@font-face {
    font-family: Karla_italic;
    src: url(Karla-Italic.ttf);
}

@font-face {
    font-family: Karla_Bold;
    src: url(Karla-Bold.ttf);
}

@font-face {
    font-family: Cormorant-light;
    src: url(CormorantGaramond-Light.ttf);
}



#home-sopra {
	width: 100%;
	text-align: center;
}

#about-dida {
	display: none;
}

.fruit {
	width: 90px;
	cursor: pointer;
}

.frui2 {
	font-size: 7rem;
	cursor: pointer;
	text-shadow: 2px 2px 5px;
}

.fruit:hover {
	text-shadow: 2px 2px 5px;
}

#home-sotto {
	width: 44%;
	text-align: center;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

.testo-gigante {
	font-family: HappyTimes_italic;
	font-size: 2rem;
	color: red;
	line-height: 2.5rem;
}

.link-home {
	color: black;
	cursor: pointer;
	font-size: 1.9rem;
}

.link-home:hover {
	color: #09cc66;
}


.vertical-center {
  margin: 0;
  position: absolute;
  top: 44%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


.career-left {
	width: 45%;
	padding: 4rem 0 4rem 4rem;
	display: inline-block;
	box-sizing:         border-box;
}

.career-right {
	padding: 4rem 0rem 0 2rem;
	width: 45%;
	display: inline-block;
	float: right;
	background-color: black;
	height: 100vh;
	box-sizing:         border-box;
}

#career-timeline {
	width: 50%;
	padding: 3rem 0 0 0;
}

.career-title {
	font-family: HappyTimes_italic;
	font-size: 4rem;
	line-height: 4.4rem;
	margin: 0;
}

.career-anno {
	font-family: Karla_regular;
	color: white;
	font-size: 0.9rem;
	margin: 0 0 0.5rem 0;
}

.career-lavoro {
	font-family: Karla_regular;
	color: white;
	font-size: 1.3rem;
	margin: 0 0 2rem 0;
}

.underline {
	text-decoration: underline;
}

.italic {
	font-family: Karla-italic;
}

.green {
	color: green;
}


.stellina {
	color: red;
	font-size: 6rem;
}

.career-text {
	margin: 2.5rem 0 2rem 0;
	font-family: HappyTimes_regular;
	font-size: 1.8rem;
	line-height: 2.2rem;
}

.career-link {
	font-family: HappyTimes_regular;
	font-size: 1.8rem;
	line-height: 2.2rem;
	color: black;
	margin: 0 1rem 0 0 ;
}

.career-link:hover {
	color: red;
}

.career-mail {
	color: red;
	font-family: HappyTimes_italic;
	cursor: pointer;
}


.cloud-svg {
	width: 40px;
}


.info-svg {
	width: 60px;
}

.white {
	color: white;
}


@media (max-width: 1400px) {
	
	.career-left {
		width: 45%;
	}

	.career-right {
		width: 45%;
	}
	
	#career-timeline {
		width: 60%;
	}
}

@media (max-width: 800px) {
	

	#about-dida {
		display: block;
	}
	
	
	#home-sotto {
		width: 90%;
	}
	
	.vertical-center {
	  top: 54%;
	  -ms-transform: translateY(-50%);
	  transform: translateY(-50%);
	}
	
	.career-title {
		font-size: 3rem;
		line-height: 4rem;
	}
	
	.career-left {
		width: 100%;
		padding: 2rem;
	}

	.career-right {
		width: 100%;
		height: auto;
		padding: 2rem;
	}
	
	#career-timeline {
		width: 80%;
	}
}






















