@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap');

.Boton_Inicio {
background-image: linear-gradient(rgba(201,157,102,.9),rgba(104,59,17,.9));
border-radius:  1vw;
border: 1px solid black;
font-family:'Indie Flower';
font-Size: 8vw;
text-align: center;
color: #FFFFFF;
align-items: center;
display: flex;
justify-content: center;
Animation-Name: fadeIn;
Animation-Delay: 0.5s;
Animation-Duration: 2s;
Animation-fill-mode: both;}

.Fotos_Menus {
Animation-Name: fadeIn;
Animation-Delay: 0.5s;
Animation-Duration: 2s;
Animation-fill-mode: both;}

.volver {
font-family:'Indie Flower';
font-Size: 6vw;
text-align: center;
color: #FFFFFF;
background-color: rgba(100,100,100,.9);
border: 0px;
display:scroll;
overflow: hidden;
position:fixed;
top:0;
right:0;
width:100%;
height:10vw;
Animation-Name: mymove;
Animation-Duration: 1s;
Animation-Delay: 1s;
Animation-fill-mode: both;}

.saber {
font-family:'Indie Flower';
font-Size: 6vw;
text-align: center;
color: #FFFFFF;
background-color: rgba(100,200,100,.9);
border: 0px;
display:scroll;
overflow: hidden;
position:fixed;
top:0;
right:75vw;
width:25vw;
height:10vw;
Animation-Name: mymove;
Animation-Duration: 1s;
Animation-Delay: 1s;
Animation-fill-mode: both;}

.style0 {
Width: 100%;
background-Image: linear-gradient(to bottom , whitesmoke, lightgray);
border-radius: 1vw;
border: 1px solid darkblue;
Text-align: center;
Animation-Name: fadeIn;
Animation-Delay: 1s;
Animation-Duration: 2s;
Animation-fill-mode: both;}

.style1 {
max-height: 0;
overflow: hidden;
transition: max-height 1s;}

.style2 {
max-height: 800px;}

@keyframes fadeIn {from {opacity:0;}to {opacity:1;}}
@keyframes mymove {from {Left:-100%;}to {left: 0;}}