body {
 background-image: url("https://i.imgur.com/TXqJFe4.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-color: #cccccc;
  background-size: absolute;
}

html{ scroll-behavior: smooth;}
a{text-decoration:none} 
{ scroll-behavior: smooth;}
body{background-color:#838788 ;}

#AnuarioVirtual{ text-align: center;color: #9F1F04;
font-family: 'Staatliches', cursive;
  font-size: 7.5vw;
  text-shadow: 2px 2px #4E0F01;
  opacity: 0.9
 }

#nombre{text-align:center;
    font-family: font-family: 'Staatliches', cursive;
  font-size: 6vw;
  color: #7D1803; 
  text-shadow: 2px 2px 1px #922710  ;
  border-radius: 10px;
  width:50%; margin-left: 22%;
}

#categoria1{text-align: center;
  font-size: 3.5vw;
  font-family: 'Rubik Mono One', sans-serif;
  background-color: grey;
  color: black ;
  width:50%;
  text-shadow: 4px 4px 4px white  ;
  margin-left: 23%;
  opacity: 0.7;
} #categoria1:hover{color: #7D1803; opacity: 0.9}
.botones:{
  background-color:white; 
  text-align: center;
  font-size: 3.5vw;
  color:#B22161 ;
  width:50%;
  text-shadow: 1px 1px 1px #F32781  ;
  margin-left: 23%;  
    opacity: 0.5;
  font-family: 'Work Sans', sans-serif;
} 
#categoria2{text-align: center;
  font-size: 3.5vw;
  font-family: 'Rubik Mono One', sans-serif;
  background-color: grey;
  color: black ;
  width:50%;
  text-shadow: 4px 4px 4px white  ;
  margin-left: 23%;
  opacity: 0.7;
} #categoria2:hover{color: #7D1803; opacity: 0.9}
.botones:{
  background-color:white; 
  text-align: center;
  font-size: 3.5vw;
  color:#B22161 ;
  width:50%;
  text-shadow: 1px 1px 1px #F32781  ;
  margin-left: 23%;  
    opacity: 0.5;
  font-family: 'Work Sans', sans-serif;
} 
#categoria3{text-align: center;
  font-size: 3.5vw;
  font-family: 'Rubik Mono One', sans-serif;
  background-color: grey;
  color: black ;
  width:50%;
  text-shadow: 4px 4px 4px white  ;
  margin-left: 23%;
  opacity: 0.7;
} #categoria3:hover{color: #7D1803; opacity: 0.9}

#categoria4{text-align: center;
  font-size: 3.5vw;
  font-family: 'Rubik Mono One', sans-serif;
  background-color: grey;
  color: black ;
  width:50%;
  text-shadow: 4px 4px 4px white  ;
  margin-left: 23%;
  opacity: 0.7;
} #categoria4:hover{color: #7D1803; opacity: 0.9}
.botones:{
  background-color:white; 
  text-align: center;
  font-size: 3.5vw;
  color:#B22161 ;
  width:50%;
  text-shadow: 1px 1px 1px #F32781  ;
  margin-left: 23%;  
    opacity: 0.5;
  font-family: 'Work Sans', sans-serif;}
#categoria5{text-align: center;
  font-size: 3.5vw;
  font-family: 'Rubik Mono One', sans-serif;
  background-color: grey;
  color: black ;
  width:50%;
  text-shadow: 4px 4px 4px white  ;
  margin-left: 23%;
  opacity: 0.7;
} 
#categoria5:hover{color: #7D1803; opacity: 0.9}

#categoria6{text-align: center;
  font-size: 3.5vw;
  font-family: 'Rubik Mono One', sans-serif;
  background-color: grey;
  color: black ;
  width:50%;
  text-shadow: 4px 4px 4px white  ;
  margin-left: 23%;
  opacity: 0.7;
} 
#categoria6:hover{color: #7D1803; opacity: 0.9}

.botones:{
  background-color:white; 
  text-align: center;
  font-size: 3.5vw;
  color:#B22161 ;
  width:50%;
  text-shadow: 2px 2px 2px white  ;
  margin-left: 23%;  
    opacity: 0.5;
  font-family: 'Work Sans', sans-serif;
} 
#info1{text-align:left;
  font-size: 3.5vw;
  font-family: 'Rubik Mono One', sans-serif; 
  color:#9F1F04 ;
  width:50%;
  text-shadow: 1px 1px 1px white  ;  
}

.texto{ text-align:justify;
  font-family: 'Roboto Mono', monospace;
  color:white; text-shadow:1px 1px 1px black;
  line-height: 1.5;
  background-color: grey
}
#FotosP{   
    margin: 3em auto;
    width:90%;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;}


#info2{ text-align:left;
  font-size: 3.5vw;
  font-family: 'Rubik Mono One', sans-serif; 
  color:#9F1F04 ;
  width:50%;
  text-shadow: 1px 1px 1px white  ;
}

#info3{text-align:left;
  font-size: 3.5vw;
  font-family: 'Rubik Mono One', sans-serif; 
  color:#9F1F04 ;
  width:50%;
  text-shadow: 1px 1px 1px white  ;}

#info4{text-align:left;
  font-size: 3.5vw;
  font-family: 'Rubik Mono One', sans-serif; 
  color:#9F1F04 ;
  width:50%;
  text-shadow: 1px 1px 1px white  ;}


#info5{text-align:left;
  font-size: 3.5vw;
  font-family: 'Rubik Mono One', sans-serif; 
  color:#9F1F04 ;
  width:50%;
  text-shadow: 1px 1px 1px white  ;}

#UnPardeFotitos{font-size: 20px;
  text-align:justify;
  font-family: 'Roboto Mono', monospace;
  color:pink; text-shadow:1px 1px 1px black;}

#InstagramKuri{ text-aligne:left;
  font-size: 2.5vw;
  font-family: 'Rubik Mono One', sans-serif; 
  color:lightgreen ;
  width:50%;
  text-shadow: 1px 1px 1px darkgreen  ;
}

.galeríafija{
    
    margin: 3em auto;
    width:90%;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
}
.item__img{
    width:30vw; 
    display: block;
    block-align:center;
     
    cursor: pointer;
  
}
#escalarimagen{
  height:19.75vw;}