body{
    background-color: #001;
    background-image: url(imgs/n22.png);
    background-size: 100vw 100vh;
    animation-name: fundo;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    background-repeat: no-repeat; 
    background-size: cover;

}

@keyframes fundo{ 
    25% {background-color: #001;}
    50% {background-color: #100;}
    75% {background-color: #200;}
    100% {background-color: #301;}
}
h2 {
    color: #711;
    align-content: center;
    display: block;
    text-align: center;
    font-family: 'Amatic SC', cursive;
    font-size: 300%;
    border-bottom: solid 1px #001;
    text-shadow: solid 5px black;
    
}
img {
    transition: transform .2s; 
    width: 190px;
    height: 250px;
    border: solid 1px rgba(255,255,255,0.1);
    display: inline;
    margin-right: 30px;
    align-content: center;
    text-align: center;
    overflow: auto;
    white-space: nowrap;
}
.imgs{
    display: block;
    align-items: center;
    position: sticky;
    margin: auto;
    text-align: center;
    width: 99%;
    background: rgba(255,255,255,0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);


}
img:hover {
    transform: scale(2.0);
}
.nannotext{
  font-family: 'Shadows Into Light', cursive;
  font-style: normal;
  font-size: 24px;
  bottom: 40px;

}
h1{
    text-emphasis: center;
    display: block;
    position: relative;
    align-content: center;
    text-align: center;
    color: whitesmoke;
}
audio {
    display: none;
}
iframe{
    display: block;
    margin: auto;
    border: solid 1px #711;
}