html {
  scroll-behavior: smooth;
}

body{
  background-color:#a093ef;
}
.titulos{
  text-align:center;
  font-family: 'Noto Sans JP', sans-serif;
}
#primeros{
  background-color:#690b0b;
  color: #f1da96;
  text-shadow: 2px 2px #000000;
  font-size: 20px;
  box-shadow: 2px 2px 3px 3px #380c14;
  }
.zona{  
  text-align:center;
  font-size:30px;
  padding: 10px;
  margin: 10px;
  width: 8%; top:30%; right:88%;
  font-family: 'Oswald', sans-serif;
  background-color:#101232;
  color:#91cbcd;
  box-shadow: 2px 2px 2px 2px #142978;
  text-decoration: none;
 
}

  


.zona:hover{
  color:#ffffff;
  background-color:#58c3c1;
}

.titulos2{ 
font-size:50px;
color:#b956bb;
text-shadow:2px 1px #401d22;
font-family: 'Staatliches', cursive;
}

p{
  font-size:20px;
  background-color:#e7c3e8;
  font-family: 'Oswald', sans-serif;
}

.titulos3{
font-size:50px;
color:#f2de91;
text-shadow:4px 1px #70162d;
font-family: 'Staatliches', cursive;
}

.titulos4{
font-size:50px;
color:#f2de91;
text-shadow:4px 1px #70162d;
font-family: 'Staatliches', cursive;
}

.titulos5{
font-size:60px;
color:#f2de91;
text-shadow:4px 1px #70162d;
font-family: 'Staatliches', cursive;
text-align: center;
}

.titulos6{
font-size:60px;
color:#f2de91;
text-shadow:4px 1px #70162d;
font-family: 'Staatliches', cursive;
}

.container{
  display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.container img{
  width: 400px;
	height: 375px;
	margin: 15px;
	transition: transform 1s;
	border: 5px solid #9979ad;
}

.container img:hover{
  transform: scale(1.1);
}

.subir{
  position: fixed;
    bottom: 0;
    right: 0;
    margin-right: 15px;
    margin-bottom: 10px;
    z-index:2;
}