@font-face {
    font-family: belligerentMadness;
    src: url(belligerent.ttf);
}

@font-face {
    font-family: handW;
    src: url(Daniel-Bold.otf);
}

@font-face {
    font-family: bit;
    src: url(slkscre.ttf);
}

* {
    margin: 0;
}

html {
    min-height: 100%;
    position: relative;
}

body {
    background-image: url(fnaftexturebeta.png);
    background-size: auto;
    margin: 0;
    margin-bottom: 40px;
}

header {
    background-image: url(fnafBanner.png);
    background-size: cover;
    color: white;
    text-align: center;
    width: 100%;
    height: 5vw;
    font-family: bit;
}

header h1 {
    line-height: 5vw;
}

li {
    list-style: none;
}

#index {
    background-image: url(fnafBar.png);
    background-size: contain;
    height: 2vw;
    width: 100%;
}

#index2 {
    position: relative;
    font-family: belligerentMadness;
    background-image: url(papelquemado.png);
    background-size: cover;
    text-align: center;
    font-size: large;
    float: right;
    height:20vw;
    width:18vw;
    margin-right: 1vw;
    margin-top: 2vw;
    padding-top: 2vw;
    filter: drop-shadow(2px 2px 4px #000000);
}

#form{
    background-image: url(papelquemado.png);
    background-size: cover;
    text-align: center;
    padding-top: 1.5vw;
    height:6vw;
    width:18vw;
    margin-top: 81.6vw;
}

#fifa {
    float: left;
    background-image: url(fnafPoster.jpg);
    background-size: cover;
    height: 23vw;
    width: 17vw;
    margin-top: 2vw;
    margin-left: 2vw;
    box-shadow: 2px 2px 4px black;
}

#fifa details{
    margin-top: 100px;
    margin-left: 95px;
    list-style: none;
}

#fifa details img{
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
    width: 100vw;
}

#posterPers{
    background-image: url(posterpers.jpg);
    background-size: cover;
    height: 25vw;
    width: 17vw;
    margin-top: 27vw;
    box-shadow: 2px 2px 4px black;
}

#posterMov{
    background-image: url(moviePoster.jpg);
    background-size: cover;
    height: 25vw;
    width: 17vw;
    margin-top: 10vw;
    box-shadow: 2px 2px 4px black;
}

#juegos {
    display: inline-block;
    position: absolute;
    background-image: url(paper-texture.jpg);
    background-size: cover;
    height: 33vw;
    width: 45vw;
    font-family: handW;
    box-shadow: 2px 2px 4px black;
    top: 9.8vw;
    left: 24vw;
    margin: -1vw 0 0 2.5vw;
}

#juegos h2 {
    line-height: 5vw;
    text-align: center;
}

#juegos p {
    margin-bottom: 0.4vw;
    margin-left: 1vw;
}

#juegos summary {
    margin-left: 1vw;
    margin-bottom: 0.5vw;
}

#back{
    position: fixed;
    bottom: 0;
    right: 0;
    margin-right: 1vw;
    background-image: url(papelquemado.png);
    background-size: cover;
    z-index: 1;
}

#back a{
    text-decoration: none;
    line-height: 1vw;
    color: black;
    font-family: belligerentMadness;
    padding: 1vw;
}   

.juegoPeli {
    position: absolute;
    background-image: url(paper-texture.jpg);
    background-size: cover;
    height: 33vw;
    width: 45vw;
    box-shadow: 2px 2px 4px black;
    top: 35vw;
}

#num3 {
    margin-top: 35vw;
}

#num3 p {
    margin-left: 1vw;
}

.indexText {
    padding: 10px;
    line-height: 40px;
    font-size: larger;
    text-decoration: none;
    color: black;
}

footer {
    position: absolute;
    top: 245%;
    width: 100%;
    height: 2.5rem;
    background-image: url(https://i.pinimg.com/1200x/09/1e/e7/091ee76e8a5d1de04d35ef1bdd31c004.jpg);
}

#backroms {
    display: inline-block;
    max-width: 2.5%;
    margin-left: 10.24vw;
}

#insta {
    max-width: 2%;
    margin-left: 15.7vw;
    margin-bottom: 0.4vw;
}

#X {
    max-width: 2.9%;
    margin-left: 15.7vw;
}

#github {
    max-width: 2.5%;
    margin-left: 15.1vw;
}

#fnafwiki{
    max-width: 2.5%;
    margin-left: 15.6vw;
}