.homeTitle{text-align:center;position:relative;width:35em;height:4em;font-size:25px;border-radius:50px;border:3px solid rgb(9,32,58);padding:12px;background-color:#0000000f;opacity:.9}.homepage{height:95vh;background-size:cover;background-position:20% center;background-image:url(https://cdn.wallpapersafari.com/83/59/cTdHv0.jpg)}.homepage button{height:4em;width:7em;position:absolute;top:46%;right:75%;transform:translate(50%,-50%);font-size:20px;border:2px solid rgba(255,255,255,.8);border-radius:5px;cursor:pointer;transition:background-color .3s ease}.homepage button:hover{background-color:#c7c5c5cc;color:#000}.homepage button:active{background-color:#fff9;color:#4e4d4dcc}@media only screen and (max-width: 768px){button{height:3em!important;width:6em!important;font-size:19px!important}.homepage{background-position:79% center}}.listInfo{display:flex;padding:50px 10px 240px;height:10em;position:relative;bottom:25px;flex-direction:column;background-color:#3c3b3acf;opacity:.95;overflow:auto}.listInfo li{position:relative;bottom:45px}.quotepage{background-image:url(https://cdn.wallpapersafari.com/19/7/YZS9X4.png);background-size:cover;flex-direction:column;display:flex;align-items:center;height:105vh;background-position:0em 25vh}.details{position:relative;top:6vh;width:70vw}.insidecard{display:flex;flex-direction:column;position:relative;bottom:30px;padding:20px}.btncontainer{display:flex;justify-content:end}.btncontainer button{padding:12px;width:108px;font-size:17px;color:#e8e7e7;border:4px solid rgba(246,246,246,.491);position:relative;cursor:pointer;bottom:6.5em;background-color:#434242cf}.btncontainer button:hover{background-color:#85838372!important;border-color:#7a7a77}.btncontainer button:active{transform:scale(1.1)}.quoteName h2,.quoteHouse h2,.quoteQuotes h2{font-size:25px;display:inline;margin-right:5px;color:#b9d9de}.quoteName span,.quoteHouse span,.quoteQuotes span{display:inline;font-size:20px;color:#dddad7;font-size:22px}.characterImage{width:150px;height:150px;object-fit:cover;margin-left:17px;margin-bottom:10px;border:8px solid #828181;box-shadow:0 0 10px #0006}@media only screen and (min-width: 1800px){.quotepage{height:85em;background-position:center 10%;background-repeat:no-repeat;background-size:cover}}@media only screen and (max-width: 768px){.listInfo{height:30em}.details{top:9em;width:93vw}.quotepage{height:150vh;background-position:30em 35em}.btncontainer button{height:65px!important;width:85px!important;text-align:center;font-size:12px!important;bottom:10em}.characterImage{width:35vw;margin-left:8px}}.header{width:100%;background-color:#0b1621;display:flex;align-items:center;opacity:.95}.header ul{display:flex;list-style:none}.header ul a{text-decoration:none}.header .headerLink{margin-right:20px;color:#d1d0d0;transition:color .3s ease}.header .headerLink:hover{color:#fff}.header .headerLink:active{color:#969696}@media only screen and (max-width: 768px){.header ul li{font-size:15px}.header{justify-content:center}}.explorepage{background-image:url(https://wallpaperaccess.com/full/6566313.jpg);background-size:cover;margin-top:-30px;height:65em;background-position:center;background-size:1100px}html,body{margin:0;padding:0}.nameslist{display:flex;justify-content:center;align-items:center}label{margin-right:5px;border-radius:12px}.search{border:1px solid rgba(67,95,159,.458);font-size:20px;outline:none;background-color:#252526;margin-top:60px;border-radius:12px;opacity:.9;color:#a9c5e3}.search.search::placeholder{font-size:20px;text-align:center;color:#a9c5e3}.formHome{display:flex;justify-content:center;margin-top:30px;margin-bottom:50px}.searchBtn{font-size:20px;color:#a9c5e3;margin-top:60px;border:1px solid rgba(67,95,159,.458);padding:11px;background-color:#252526;cursor:pointer;border-radius:12px;opacity:.9}.searchBtn.searchBtn:hover{background-color:#434344}.linkList{display:block;text-decoration:none;color:#000;font-size:18px}li{list-style:none;font-size:20px}.divList{display:flex;flex-wrap:wrap;justify-content:center;border:3px solid rgb(9,32,58);width:70em;background-color:#141414bf;padding:40px 20px 20px 0;border-radius:12px}ul li{display:inline-block;margin:5px}ul .name{color:#a9c5e3;padding:15px;border:1px solid rgba(67,95,159,.458);background-color:#252526;cursor:pointer;transition:background-color .3s ease-in-out}ul .name:hover{background-color:#434344}ul .name:active{background-color:#5a5a5d}.insidestuff{position:relative;top:3em}@media only screen and (min-width: 1800px){.explorepage{height:80em}}@media only screen and (max-width: 768px){.explorepage{height:180em}.divList{width:90vw}}*{font-family:MedievalSharp,cursive,sans-serif}
