@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@property --primary-color{syntax: "<color>"; inherits: false; initial-value: #AA4420FF;}@property --secondary-color{syntax: "<color>"; inherits: false; initial-value: #FFB64AFF;}*{margin:0;padding:0;font-family:roboto}header{display:flex;justify-content:space-between;margin:5px 20px;font-size:20px}h1{margin:30px 0}nav span:hover{color:#787878;cursor:default}nav span:active{color:#b0b0b0}.main-home{display:flex;flex-direction:column;align-items:center}.article-try-it{width:99vw;background-color:var(--secondary-color)}.div-try-it-icons{display:flex;justify-content:end;gap:5px}.try-it-icons{color:#fff;margin-top:5px;margin-right:10px;height:20px}.div-try-it-url{margin-left:10px;margin-top:-10px;display:flex;flex-direction:column;align-items:start}.span-try-it-url{font-size:20px;font-weight:500;color:var(--primary-color)}.input-try-it-url{margin:5px 0;font-size:20px;width:150px;border:none;border-radius:16px;padding:5px}.div-character-response{margin:10px;background-color:var(--primary-color);border-radius:12px;box-shadow:0 0 10px 1px #0000006b;-webkit-box-shadow:0px 0px 10px 1px rgba(0,0,0,.42);-moz-box-shadow:0px 0px 10px 1px rgba(0,0,0,.42)}.character-response-icon{float:right;height:25px;width:25px;margin-right:10px;color:#fff}.pre-character-response{font-size:20px;overflow-x:auto;margin:10px;color:#fff}.article-characters{display:grid;grid-template-columns:auto;gap:20px;margin-top:30px}.section-character{display:flex;flex-direction:column;background-color:var(--primary-color);padding:10px;border-radius:12px;box-shadow:0 0 15px 1px #0006;-webkit-box-shadow:0px 0px 15px 1px rgba(0,0,0,.4);-moz-box-shadow:0px 0px 15px 1px rgba(0,0,0,.4)}.img-character{height:300px;width:280px}.span-character-name{font-size:30px;font-weight:700;color:var(--secondary-color);margin-top:10px}.div-character-info{display:flex;flex-direction:column;margin-top:5px}.div-character-info span{color:#ffb74ac2}.div-character-links{display:flex;margin-top:15px;justify-content:center;gap:10px}.div-character-links a{text-decoration:none;background-color:#fff;padding:5px;border-radius:4px;font-weight:500;box-shadow:0 0 10px 1px #0000006b;-webkit-box-shadow:0px 0px 10px 1px rgba(0,0,0,.42);-moz-box-shadow:0px 0px 10px 1px rgba(0,0,0,.42);color:#000}.div-character-links a:hover{background-color:#e0e0e0}.div-character-links a:active{background-color:#a6a6a6}@media (min-width: 640px){.article-characters{grid-template-columns:auto auto;gap:50px}.try-it-icons{margin-right:20px;height:30px}.div-try-it-url{flex-direction:row;align-items:center;justify-content:center;margin-top:-17px;gap:5px}.div-character-response{margin:0 40px}.input-try-it-url{padding:3px 5px}}@media (min-width: 1024px){.article-characters{grid-template-columns:auto auto auto;gap:70px}.div-try-it-url{margin-top:-25px}.try-it-icons{margin-right:30px;height:40px}.div-character-response{margin:0 60px}}