@charset "utf-8";
/* CSS Document */

.upperimage img{
width:100%;
top:0;
background-color: #00000;
animation: fadeIn 5s;
  -webkit-animation: fadeIn 5s;
  -moz-animation: fadeIn 5s;
  -o-animation: fadeIn 5s;
  -ms-animation: fadeIn 5s;
}


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

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

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

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

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

@media screen and (max-width:800px){
	.upperimage{
		margin-top:98px;
	}	
}
.curriculum{	
	width:80%;
	max-width: 800px;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin:0 auto;
	text-align: left;
	font-family: 'Barlow', sans-serif;
	color:var(--azul);
	}

.curriculumtxt p{
	font-size: 1em;
	line-height: 1.5rem;
	}

.curriculumtxt h2{
	font-size: 1.3em;
	text-align: center;
	padding-bottom: 4rem;	
}

.curriculumtxt h3{
	font-size: 2em;
	padding-top: 7rem;
	text-align: center;
}

.curriculumtxt ul{
	font-size: 1em;
	padding-left: 3rem;
	line-height: 1.5rem;
}

.frasecontainer{
	width: 100%;
	height: 55vh;
	margin-top:10rem;
	padding:9rem 0rem;
	background-image:url("../image/not180-notario.webp");	
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	clip-path: polygon(0 0, 75% 20%, 100% 8%, 100% 84%, 30% 100%, 0 88%);
}	

.frase{
	width:60%;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:3vh;
	margin-top: 3vh;
	text-align: center;
	font-family: 'Barlow', sans-serif;
	color:var(--azul);
	font-size: 2rem;
	animation: fadeIn 5s;
  -webkit-animation: fadeIn 5s;
  -moz-animation: fadeIn 5s;
  -o-animation: fadeIn 5s;
  -ms-animation: fadeIn 5s;
}

@media screen and (max-width:800px){
	.frase{
		font-size: 1.5rem;}
}