*{margin:0;padding:0;box-sizing:border-box}body{background-color:#313e50;color:#fdfffc;font-family:Arial,Helvetica,sans-serif;font-weight:500}.errorButton__container{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:400px;margin:10px auto}.errorButton__image{width:70%;border-radius:10px;transition:all .3s ease-in-out;margin-bottom:5px}.errorButton__image:hover{box-shadow:0 0 10px 5px #fdfffc;cursor:pointer;transition:all .3s ease-in-out;scale:1.01}.errorButton__image:active{box-shadow:0 0 5x 10px #fdfffc;cursor:pointer;transition:all .3s ease-in-out;scale:.99}.errorButton__text{-webkit-user-select:none;user-select:none}.searchForm{width:100%;height:30px;display:flex;align-items:center;justify-content:center;border-radius:5px;padding:0 1rem}.searchInput{width:100%;max-width:300px;height:100%;padding:0 1rem;margin-right:5px;font-family:inherit;font-size:1.2rem;border:none;background-color:#ffffff1a;border-radius:5px;color:#fdfffc}.searchInput::placeholder{color:#fff;opacity:.5;font-family:inherit}.searchInput:focus{outline:1px solid #5398be}.searchButton{background-color:#ffffff1a;height:100%;width:70px;border-radius:5px;font-family:inherit;font-size:16px;color:#fdfffc}.searchButton:hover{background-color:#fff3;cursor:pointer}.searchButton:active{background-color:#fff3}.character{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;row-gap:5px;width:300px;margin:0 auto;padding:10px;background-color:#637081;border-radius:5px;box-shadow:0 0 2px 2px #d6d6d67e}.character__name{align-self:center}.character__image{width:90%;align-self:center;border-radius:5px}.character__text{text-decoration:underline;font-weight:600}.main{width:90vw;margin:20px auto;display:grid;column-gap:10px;row-gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:space-around}@media (max-width: 677px){.main{display:flex;flex-direction:column;align-items:center}}.errorPage{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;padding:0 5vw}.errorPage__title{font-size:1.5rem}.errorPage__image{width:80vw;max-width:500px;margin-top:2rem;margin-bottom:1rem;border-radius:5px;transition:all .3s ease-in-out}.errorPage__image:hover{box-shadow:0 0 10px 5px #fdfffc;cursor:pointer;transition:all .3s ease-in-out;scale:1.05}.errorPage__text{font-family:Arial,Helvetica,sans-serif;font-size:1.5rem;font-weight:500}