:root{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;line-height:1.5}header{display:flex;align-items:center;padding:.8rem 1rem;color:var(--gray-lightest);background-color:var(--blue-darker)}nav{display:flex;align-items:center}h1{font-size:1.5rem;cursor:pointer}*{margin:0;padding:0;box-sizing:content-box}:root{--red-lightest: #ffcccc;--red-lighter: #ff6666;--red-default: #ff0000;--red-darker: #cc0000;--red-darkest: #660000;--black-lightest: #cccccc;--black-lighter: #666666;--black-default: #000000;--black-darker: #1a1a1a;--black-darkest: #0d0d0d;--gray-lightest: #f2f2f2;--gray-lighter: #d9d9d9;--gray-default: #808080;--gray-darker: #4d4d4d;--gray-darkest: #262626;--blue-lightest: #cceeff;--blue-lighter: #66ccff;--blue-default: #0066ff;--blue-darker: #0052cc;--blue-darkest: #003366;--light-blue: #0f00b1;--blue: #130f40;--green-lightest: #ccffcc;--green-lighter: #66ff66;--green-default: #00cc00;--green-darker: #009900;--green-darkest: #004d00;--green: #007246;--yellow-lightest: #ffffcc;--yellow-lighter: #ffff66;--yellow-default: #ffff00;--yellow-darker: #cccc00;--yellow-darkest: #666600;--yellow: #f9d806;--headline: hsl(210, 11%, 15%);--paragraph: hsl(210, 9%, 31%);--brand-baige: hsl(39, 100%, 97%);--brand-light: hsl(calc(var(--hue) - 22), 23%, 89%);--brand-light-2: hsl(calc(var(--hue) + 10), 14%, 97%);--brand-dark: hsl(var(--hue), 100%, 14%);--bg-light: hsl(180, 14%, 97%)}button{padding:10px 20px;color:#fff;border:none;background-color:var(--blue);cursor:pointer;border-radius:.5em}button:hover{background-color:var(--light-blue)}form input{display:block;margin-bottom:10px;padding:10px;width:300px;max-width:100%}.cards-container{display:grid;grid-template-columns:auto auto;gap:2rem;border-radius:1rem}.updateButton{margin:1rem}.card{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;position:relative;width:300px;height:380px;margin:.5rem;padding:1rem;display:flex;flex-direction:column;align-items:center;border-radius:20px;background-color:var(--blue-darker)}.card__img{height:192px;width:100%;border-radius:1rem}.card_imgProfile{border-radius:1rem 1rem 0rem 0rem;width:100%;height:100%}.card__avatar{position:absolute;width:114px;height:114px;background:var(--gray-lightest);border-radius:100%;display:flex;justify-content:center;align-items:center;top:calc(50% - 57px)}.card__title{margin-top:60px;font-weight:500;font-size:18px;color:var(--gray-darkest)}footer{display:flex;align-items:center;justify-content:center;color:var(--gray-lightest);background-color:var(--blue-darker);padding:.2rem}