html{
    scroll-behavior: smooth;
 }
header{
    font-family: 'Josefin Sans', sans-serif;
    font-size: x-large;
    text-align: center;
}
table{
    margin-left: 50px;
    margin-right: 50px;
}
.nav{
    font-size: large;
}
h1{
    text-align: center;
}
h2{
    text-align: center;
    margin-left: 50px;
    margin-right: 50px;
}
h3{
    font-size: medium;
    text-align: left;
    margin-left: 50px;
    margin-right: 50px;
}
p{
    text-align: justify;
    margin-left: 50px;
    margin-right: 50px;
}
body{
    font-family: 'Josefin Sans', sans-serif;
    font-family: 'Roboto', sans-serif;
    background: rgb(123,80,214);
    background: linear-gradient(147deg, rgba(69,252,247,1) 0%, rgba(123,80,214,1) 50%, rgba(234,161,245,1) 100%); 
    text-align: center;
}
div{
    min-width: 300px;
    max-width: 1000px;
    background-color: rgba(240, 255, 255, 0.829);
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px;
    -webkit-transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
}
img{
    border-radius: 5px;
    -webkit-transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
}
img:hover{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.titulo{
    -webkit-transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
}
.titulo:hover{
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
div:hover{
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.footer{
    min-width: 300px;
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
    background-color: rgba(159, 197, 255, 0.863);
    border-radius: 5px;
}
.info{
    text-align: center;
}
.cur{
 font-size: large;
}
a:link, a:visited, a:active {
	text-decoration:none;

}
a:hover {
	color:#000;
    text-decoration: underline;
	background:rgb(16, 238, 238);
    border-radius: 5px;
}