*{margin:0;padding:0}*,:after,:before{box-sizing:border-box}:root{--font-dark: rgb(29, 30, 32);--font-light: rgb(244, 247, 250);--background-light: rgb(243, 249, 255);--background-dark: rgb(34, 34, 34);--highlight: rgb(0, 0, 255)}body{font-size:20px;width:100%;font-family:Segoe UI,Tahoma,Geneva,sans-serif;color:var(--font-dark);background-color:var(--background-light)}a,:visited,:active,:focus{text-decoration:none}h1{text-align:center}h2{margin-top:10vh;text-align:center}header{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;padding:1rem 2rem;background-color:var(--background-dark);color:var(--font-light)}input{width:fit-content;font-size:1.2rem;padding:.6rem 1.6rem;background-color:#ffffffe6;border-radius:8px;margin-left:1rem}main{display:flex;justify-content:center;align-items:center;margin-top:10rem}.info{display:flex;flex-direction:column;margin:2rem;gap:.4em}.avatar{margin:.5em;float:right;aspect-ratio:1;width:20rem;border-radius:40%}.name{font-size:3rem;font-weight:600}.username{font-size:2rem}.bio{font-size:1.2rem;font-weight:300;margin:.5em}.location{font-weight:300;margin:0 .5em}.cards{display:flex}.card{margin:.8em .4em;padding:.4em 1em;background-color:var(--highlight);color:var(--font-light);border-radius:.5rem;width:fit-content}.button{margin:.5em .2em;padding:.4em 1em;font-size:1.4rem;background-color:var(--background-dark);color:var(--font-light);border-radius:1em;width:fit-content}@media (max-width: 976px){main{flex-direction:column-reverse;align-items:center;margin-top:6rem}.cards{flex-wrap:wrap;justify-content:center}.info{margin:.5rem 1.5rem;align-items:center}}@media (max-width: 800px){header{gap:1.5rem;justify-content:center}}