body{font-family:Montserrat,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.content-card{align-items:center;background-color:rgba(255,94,0,.8);border:3px solid #000;border-radius:2rem 0 2rem 2rem;box-shadow:.1rem .1rem .5rem;display:flex;flex-direction:column;margin:1rem;max-width:19vw;min-width:250px;position:relative;transition:.2s}.content-card:hover{background-color:#ff6200;box-shadow:.2rem .1rem .7rem}.favButton{background-color:#000;border:0;border-radius:9rem 0 7rem 4rem;left:0}.botonX,.favButton{color:beige;cursor:pointer;font-size:20px;font-weight:600;padding:.5rem .7rem;position:absolute;top:0;transition:.3s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.botonX{background-color:#a71919;border:0;border-radius:2rem 0 3rem 10rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;right:0}.content-card img{border:2px solid #000;border-left:0;border-right:0;width:100%}.header{align-items:normal;display:flex;flex-direction:column-reverse;gap:2rem;max-width:66%;padding:1rem 0;text-align:center}.header .botonX:hover{background-color:red}.header .favButton:hover{background-color:#250000}.header .favButton:active{background-color:red}.header button:active{background-color:#170303}.details{display:flex;flex-direction:column;justify-content:center;text-align:center}.details p{font-size:1.5rem}main{background-attachment:fixed;background-image:url(https://images3.alphacoders.com/812/812062.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;margin:0;max-width:100vw;min-height:100vh}#NoCharacters{margin-top:100%}.favSwitchButton{border-radius:1rem;box-shadow:.1rem .1rem .5rem #000;color:#efefef;cursor:pointer;font-size:larger;font-weight:700;margin-top:9vh;padding:.5%;position:absolute;top:0;z-index:1}.favSwitchButton:hover{background-color:rgba(0,0,0,.5)}.cardsContainer{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;margin-top:12.8vh}.searchBarContainer{align-content:row;align-self:center;border:2px solid #555;border-radius:5px;color:#333;display:flex;font-size:16px;font-weight:700;margin-right:10%;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.searchBarContainer form{display:flex;flex-direction:row}.searchBarContainer form input{min-width:300px}.searchBarContainer button{background-color:#555;border:1px solid #000;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-left:2%;min-width:19%;text-transform:uppercase;transition:all .2s ease-in-out}.searchBarContainer button:hover{background-color:#333}.navBarContainer{align-items:center;background-color:rgba(0,0,0,.838);box-shadow:.1rem .1rem .5rem;display:flex;flex-direction:row;flex-wrap:nowrap;height:9%;justify-content:space-around;position:fixed;width:100%;z-index:2}.linksContainer{display:flex;flex-direction:row;justify-content:space-between;width:25%}.linksContainer h3:hover{color:rgba(255,0,225,.838);display:flexbox;text-shadow:.1rem .1rem .5rem;transition-duration:.2s}SearchBar{display:inline-block}.logOutContainer{align-items:center;color:#f0f8ff;display:flex}.logOutContainer button{background-color:red;border:1px solid #000;cursor:pointer;margin-left:2%}.logOutContainer button:hover{box-shadow:.1rem .1rem .5rem red;transition-duration:.2s}.logOutContainer button:active{color:#fff}.detailContainer{align-items:center;background-color:rgba(0,0,0,.3);display:flex;flex-direction:row;justify-content:space-evenly;margin:10vh 1rem 3rem;padding:1rem;width:100%}.detailImage{box-shadow:.1rem .1rem .5rem;height:-webkit-max-content;height:max-content;width:34%}.infoContainer{color:#eee;font-size:x-large;max-width:50%;text-decoration:overline;text-shadow:.1rem .1rem .5rem #000}@media screen and (max-width:767px){.detailContainer{align-items:center;background-color:rgba(0,0,0,.3);display:flex;flex-direction:column;justify-content:space-evenly;margin:10vh 1rem 3rem;padding:1rem;width:100%}.detailImage{box-shadow:.1rem .1rem .5rem;height:-webkit-max-content;height:max-content;width:58%}}.aboutSection{background-color:rgba(0,0,0,.3);color:hsla(0,0%,100%,.821);margin:10vh 1rem 3rem;padding:1rem;text-shadow:.1rem .1rem .5rem #000;width:100%}.aboutSection h1{font-size:7vw}.aboutSection h2{font-size:5vw;font-style:oblique}.aboutSection p{font-size:4vw}#main{background-attachment:scroll;background-image:url(https://images3.alphacoders.com/812/812062.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;margin:0;width:100vw}#main,.formContainer{display:flex;justify-content:center}.formContainer{align-items:center;align-self:center;background-color:rgba(0,0,0,.6);box-shadow:.1rem .1rem .5rem;height:80%;width:80%}.portal{bottom:21%;opacity:.8;position:absolute;width:38%}@media screen and (max-width:767px){.portal{bottom:27%;opacity:.8;width:91%}}.loginForm{-webkit-animation:flotante 4s ease-in-out infinite alternate;animation:flotante 4s ease-in-out infinite alternate;background-color:rgba(255,26,202,.39);box-shadow:.1rem .1rem .7rem;padding:2rem;text-align:-webkit-center;-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);z-index:1}@-webkit-keyframes flotante{0%{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}to{-webkit-transform:translateX(0) translateY(-10px);transform:translateX(0) translateY(-10px)}}@keyframes flotante{0%{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}to{-webkit-transform:translateX(0) translateY(-10px);transform:translateX(0) translateY(-10px)}}.loginForm input,.loginForm label{margin:10%}.loginForm label{font-weight:700}.loginForm input{font-style:italic;font-weight:300;padding:.1rem;text-align:center}.loginForm button{background-color:rgba(255,56,106,.6);border:1px solid #000;box-shadow:.1rem .1rem .3rem;cursor:pointer;display:block;font-style:oblique;margin:1rem;padding:2%;position:absolute;transition-duration:1s}.loginForm button:hover{background-color:rgba(255,16,76,.77);box-shadow:.3rem .3rem .6rem;font-size:large}.loginForm button:active{background-color:#ff0e4a}.contactSection{align-self:center;background-color:rgba(0,0,0,.3);font-size:xxx-large;margin:10vh 1rem 3rem;padding:1rem;width:100%}.contactSection ul li{margin:1rem 0}.contactSection ul li a{color:#efefef}.contactSection ul li a:hover{color:#d2d2d2}footer{background-color:rgba(0,0,0,.9);bottom:1rem;color:#efefef;display:flex;justify-content:center;position:fixed;width:100vw;z-index:1}footer p{font-family:Courier New,Courier,monospace;font-weight:100}*{font-family:Montserrat,sans-serif;margin:0;padding:0}
/*# sourceMappingURL=main.62c34390.css.map*/