body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{position:relative;background-image:url(/final-fantasy-databse/static/media/baackground.ebf5afb7.jpg);background-size:contain;background-repeat:repeat;padding-bottom:100px}.header-nav{background-color:#000}.ff-logo,.header-nav{display:flex;justify-content:center}.ff-logo{width:50%;padding:5px}.ff-logo img{width:25%}.ff-logo a{text-align:center}.hnav-bar{display:flex;justify-content:center}.hicon,.hnav-bar p{display:none}@media screen and (min-width:768px){.hicon,.hnav-bar p{display:inline-block;color:#fff}.hnav-bar{justify-content:space-evenly;align-items:center}.hnav-bar p{margin:0}.hnav-bar div{text-align:center}.ff-logo a{width:100px}.ff-logo img{width:100%}.hnav-bar a{margin:0 20px}.header-nav{position:fixed;top:0;width:100%;z-index:2}}.footer{position:fixed;bottom:0;width:100%}.nav-bar{background-color:#000;display:flex;justify-content:space-around;text-align:center}.icon{color:#fff;padding:5px}.nav-bar p{color:#fff;margin:0;font-size:12px;position:relative;top:-5px}@media screen and (min-width:768px){.footer{display:none}}.FF-characters{margin:0;padding:0 0 50px}.ff-character{background-color:rgba(0,0,0,.7);margin:10px 0}.ff-character-lists{display:flex;flex-wrap:wrap;justify-content:space-around}.FF-characters ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:baseline;padding:5px 10px}.FF-characters li{color:#fff;margin:2px;padding:0 2px}.FF-characters a{text-decoration:none}h2{text-align:center;color:red;margin:0}.ff-character-lists img{display:none}@media screen and (min-width:768px){.FF-characters{padding-top:50px;padding-bottom:150px}.ff-character{margin:20px 0;padding:25px 0}.FF-characters ul{padding:5px 25px}.FF-characters li{margin:3px;padding:0 5px;font-size:18px}}@media screen and (min-width:992px){.ff-character-lists div{text-align:center;margin:10px}.ff-character-lists img{display:inline-flex;width:100px;height:100px;border-radius:50%}.FF-characters ul{justify-content:center}.FF-characters{padding-bottom:50px}.ff-character{margin:35px 0;padding:25px 0}}.characters{text-align:center;display:flex;flex-direction:column;margin:5px 25px;padding-bottom:150px}.indiv-character{width:100%;margin:10px auto;border:3px solid #000;background-color:rgba(0,0,0,.7);color:#fff}.indiv-character div,.indiv-character img{margin:0 15px}.indiv-character .list{margin:0}.indiv-character img{width:50%;margin-top:10px}.char-lists{display:flex;justify-content:space-around;text-align:start}.char-lists ul{padding:0;font-size:12px}.char-lists li{list-style:none;color:#fff}.char-lists span{font-weight:700;color:red;font-size:15px}.indiv-character .description{text-align:left;margin-bottom:10px}@media screen and (min-width:768px){.characters{margin:5px 50px;padding-bottom:200px;padding-top:50px}.indiv-character{margin:20px 0}.char-lists ul{font-size:16px}.char-lists span{font-size:20px}.indiv-character img{width:30%;margin-top:25px}.indiv-character .description{font-size:18px;padding:5px 25px;margin-bottom:50px}}@media screen and (min-width:992px){.characters{margin:5px 150px;padding-bottom:200px;padding-top:20px}.indiv-character{margin:10px 0}.char-lists ul{font-size:18px}.char-lists span{font-size:22px}.indiv-character img{width:20%;margin-top:25px}.indiv-character .description{font-size:20px;padding:5px 150px;margin-bottom:50px}}.games{position:relative;margin:20px;text-align:center;border:3px solid #000;background-color:rgba(0,0,0,.8)}.games .game-image{width:100%;margin:0 auto}.games a{text-decoration:none}.games img{width:90%;height:150px;margin-right:15px}.games p{color:red;font-weight:500;font-size:20px}@media screen and (min-width:768px){.games{margin:20px 50px}.games img{height:300px;margin-right:30px}.games p{font-size:25px}}@media screen and (min-widtH:992px){.games{margin:20px 150px;padding:30px 5px}.games .game-image{width:80%;margin:0 auto;height:300px}.games img{height:300px;margin-right:0}.games p{font-size:25px}}.ff-games{position:relative;margin:20px 10px;text-align:center;padding-top:10px;padding-bottom:50px}.ff-games .ff-game-image{width:90%;margin:0 auto}.ff-game{border:2px solid #000;margin:10px 0;background-color:rgba(0,0,0,.8)}.ff-games img{width:100%;height:150px;margin-top:10px}.ff-game ul{list-style:none;color:#fff;font-weight:500}.ff-game span{color:red;font-weight:700}@media screen and (min-width:768px){.ff-games{padding-bottom:120px}.ff-game{border:3px solid #000;margin:25px}.ff-games img{height:250px;margin-top:30px}.ff-game span{font-size:20px}}@media screen and (min-width:992px){.ff-games{display:flex;flex-wrap:wrap}.ff-game{border:3px solid #000;width:20%}.ff-games img{height:130px}}.main-ff-game{text-align:center;background-color:rgba(0,0,0,.6);padding-bottom:100px}.ff-indiv-game{margin:20px 10px;padding-top:10px}.ff-indiv-game .ff-indiv-game-image{width:90%;margin:0 auto}.ff-indiv-game img{width:100%;margin-top:10px}.ff-indiv-game ul{list-style:none;color:#fff;font-weight:600}.ff-indiv-game span{color:red;font-weight:700}.game-description{color:#fff;padding:10px}@media screen and (min-width:768px){.main-ff-game{padding-top:50px;padding-bottom:200px}.ff-indiv-game{margin:0 10px;padding:0}.ff-indiv-game ul{font-size:20px}.ff-indiv-game span{font-size:25px}.game-description{font-size:17px;padding:10px 30px 50px}.main-ff-game button{-webkit-transform:scale(1.2);transform:scale(1.2)}}@media screen and (min-width:992px){.game-description{font-size:20px;padding:10px 150px}.main-ff-game button{-webkit-transform:scale(1.5);transform:scale(1.5)}.ff-indiv-game .ff-indiv-game-image{width:80%}}.random-character{text-align:center;border:3px solid #030303;margin:50px 25px 25px 20px;background-color:rgba(0,0,0,.7)}.random-character .image{width:50%;margin:5px auto 0}.random-character img{width:100%}.lists{display:flex;justify-content:space-around;text-align:start;margin:0 5px;font-size:12px}.lists ul{padding:0}.lists li{list-style:none;font-weight:500;color:#fff}.lists span{font-weight:700;color:red}.random-character a{text-decoration:none;color:red}.character-page{font-size:20px;margin-top:0;font-weight:500}@media screen and (min-width:768px){.main{padding-top:50px}.random-character button{margin:10px 5px}.random-character{margin:50px 50px 25px}.random-character .image{width:50%}.random-character img{width:100%}.lists{font-size:20px}.character-page{font-size:25px;margin-top:0;font-weight:500}}@media screen and (min-width:992px){.random-character{margin:50px 150px 25px;padding:30px 5px}.random-character .image{width:30%}.random-character button{margin-top:0}.lists{font-size:20px}.character-page,.lists span{font-size:25px}}.monsters{margin:25px 20px;padding-bottom:20px}.monster{position:relative;text-align:center;padding:10px 0;margin-bottom:50px;background-color:rgba(0,0,0,.8);width:100%}.monster .monster-image{width:50%;margin:0 auto}.monster img{width:100%;height:150px}.monster a{text-decoration:none}.monster p{color:#f10000;font-weight:500;font-size:20px}@media screen and (min-width:768px){.monsters{margin:25px 50px;padding-bottom:100px}.monster{padding-top:30px}.monster img{height:300px}.monster p{font-size:25px}}@media screen and (min-width:992px){.monsters{margin:25px 150px;padding-bottom:100px}.monster{padding-top:30px}.monster img{height:300px}.monster p{font-size:25px}}.ff-monsters{padding-bottom:50px}.ff-monster{position:relative;margin:10px 25px;text-align:center;border:3px solid #000;padding-top:10px;background-color:rgba(0,0,0,.7)}.ff-monster .ff-monster-img{width:50%;margin:0 auto}.ff-monster img{width:100%;height:150px}.ff-monster a{text-decoration:none}.ff-monster ul{color:#fff;list-style:none;padding:2px 5px;text-align:left}.ff-monster span{color:red;font-weight:700;font-size:16px}.ff-monster p{color:#fff;margin:0 0 10px}@media screen and (min-width:768px){.ff-monsters{padding-bottom:100px;padding-top:30px}.ff-monster{margin:10px 50px}.ff-monster .ff-monster-img{width:50%}.ff-monster img{height:250px}.ff-monster ul{font-size:17px}.ff-monster span{font-size:20px}.ff-monster p{color:#fff;font-size:17px}}@media screen and (min-width:992px){.ff-monsters{display:flex;flex-wrap:wrap;padding-bottom:0}.ff-monster{border:3px solid #000;width:30%;margin:20px auto}.ff-monster .ff-monster-img{margin:20px auto 0}.ff-games img{height:130px}.ff-monster ul{font-size:15px}.ff-monster span{font-size:17px}}.main-ff-monster{position:relative;margin:10px 25px;text-align:center;border:3px solid #000;padding-top:10px;background-color:rgba(0,0,0,.8)}.main-ff-monster .ff-indiv-monster-img{width:50%;margin:15px auto 0}.main-ff-monster img{width:100%;height:150px}.main-ff-monster a{text-decoration:none}.main-ff-monster ul{color:#fff;list-style:none;padding:2px 5px;text-align:left}.main-ff-monster span{color:red;font-weight:700;font-size:16px}.monster-lists{display:flex;justify-content:space-around}.main-ff-monster p{color:#fff;margin:0 0 10px}.monster-description{color:#fff;padding-bottom:50px}@media screen and (min-width:768px){.main-ff-monster{margin:30px 50px 0;padding-bottom:200px}.main-ff-monster img{height:250px}.main-ff-monster ul{font-size:17px}.main-ff-monster span{font-size:20px}.main-ff-monster p{font-size:17px}.monster-description{margin:0 20px;padding-bottom:50px;font-size:17px}}@media screen and (min-width:992px){.main-ff-monster{padding-bottom:300px;margin:50px 100px 0}.main-ff-monster .ff-indiv-monster-img{width:30%;margin-top:30px}.main-ff-monster img{height:400px}.main-ff-monster ul{font-size:17px}.main-ff-monster span{font-size:20px}.main-ff-monster p{font-size:17px}.monster-description{margin:0 20px;padding-bottom:50px;font-size:17px}}
/*# sourceMappingURL=main.c838c39e.chunk.css.map */