@import"https://fonts.googleapis.com/css?family=Open+Sans:300,400&display=swap";body{margin:0;padding:0;background-color:#f4f4f4;color:#3c484e;font-family:Open Sans,sans-serif}.Header-main{display:flex;justify-content:space-between;align-items:center}.Header a{text-decoration:none;color:#15302c}.Main{padding:10px;grid-template-columns:minmax(auto,976px);display:grid;justify-content:center}.Characters{grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;grid-row-gap:1.5em;display:grid}.Characters-inner{grid-template-columns:1fr 2fr;grid-gap:1.5rem;grid-row-gap:1.5em;display:grid}.Characters-card{text-decoration:none;box-shadow:8px 14px 38px #272c310f,1px 3px 8px #272c3108;border-radius:5px;margin:0 0 20px;display:block;animation-duration:2s;animation-name:fade}.Characters-card img{width:100%;height:auto;border-radius:5px 5px 0 0}.Characters-card h2{font-size:18px;font-weight:400;text-align:center}.Characters-card h3{font-size:18px;font-weight:400;text-align:left;margin:20px}.Characters-item{text-decoration:none;box-shadow:8px 14px 38px #272c310f,1px 3px 8px #272c3108;border-radius:5px;margin:0 0 20px;display:block;animation-duration:2s;animation-name:fade}.Characters-item img{width:100%;height:auto;border-radius:5px 5px 0 0}.Characters-item h2{font-size:18px;font-weight:300;padding:5px 10px;display:flex;justify-content:space-between}.Characters-item a{text-decoration:none;color:#026c86}@keyframes fade{0%{opacity:0}to{opacity:1}}.Main-loading{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:20px;height:20px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}