:root{--clr-primary-1:#f7d1a6;--clr-primary-2:hsl(205, 77%, 27%);--clr-primary-3:hsl(205, 72%, 37%);--clr-primary-4:hsl(205, 63%, 48%);--clr-primary-5:#e07c0b;--clr-primary-6:hsl(205, 89%, 70%);--clr-primary-7:hsl(205, 90%, 76%);--clr-primary-8:hsl(205, 86%, 81%);--clr-primary-9:hsl(205, 90%, 88%);--clr-primary-10:hsl(205, 100%, 96%);--clr-grey-1:hsl(209, 61%, 16%);--clr-grey-2:hsl(211, 39%, 23%);--clr-grey-3:hsl(209, 34%, 30%);--clr-grey-4:hsl(209, 28%, 39%);--clr-grey-5:hsl(210, 22%, 49%);--clr-grey-6:hsl(209, 23%, 60%);--clr-grey-7:hsl(211, 27%, 70%);--clr-grey-8:hsl(210, 31%, 80%);--clr-grey-9:hsl(212, 33%, 89%);--clr-grey-10:#ffd9a3;--clr-white:#fff;--clr-red-dark:hsl(360, 67%, 44%);--clr-red-light:hsl(360, 71%, 66%);--clr-green-dark:hsl(125, 67%, 44%);--clr-green-light:hsl(125, 71%, 66%);--clr-black:#222;--transition:all 0.3s linear;--spacing:0.1rem;--radius:0.25rem;--light-shadow:0 5px 15px rgba(0, 0, 0, 0.1);--dark-shadow:0 5px 15px rgba(0, 0, 0, 0.2);--max-width:1170px;--fixed-width:620px}*,::after,::before{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;background:var(--clr-grey-10);color:var(--clr-grey-1);line-height:1.5;font-size:.875rem}ul{list-style-type:none}a{text-decoration:none}h1,h2,h3,h4{letter-spacing:var(--spacing);text-transform:capitalize;line-height:1.25;margin-bottom:.75rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.25rem}h4{font-size:.875rem}p{margin-bottom:1.25rem;color:var(--clr-grey-3)}@media screen and (min-width:800px){h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:1.75rem}h4{font-size:1rem}body{font-size:1rem}h1,h2,h3,h4{line-height:1}}.btn{text-transform:uppercase;background:var(--clr-primary-5);color:var(--clr-white);padding:.375rem .75rem;letter-spacing:var(--spacing);display:block;transition:var(--transition);font-size:.875rem;border:2px solid var(--clr-primary-5);cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.2);border-radius:var(--radius)}.btn:hover{color:var(--clr-primary-5);background:var(--clr-primary-1);border-color:var(--clr-primary-1)}.section{padding:5rem 0}.section-center{width:90vw;margin:0 auto;max-width:1170px}@media screen and (min-width:992px){.section-center{width:95vw}}.block{min-height:50vh}.bcg-black{background:#c96813}.container{width:90vw;max-width:730px;background:var(--clr-white);margin:0 auto;margin-top:-200px;border-radius:var(--radius);position:relative;text-align:center;padding:1.5rem;box-shadow:var(--dark-shadow)}.container::before{content:'';position:absolute;top:0;left:0;width:100%;height:130px;background:var(--clr-grey-10);border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);border-bottom:1px solid rgba(0,0,0,.25)}.container img{width:150px;height:150px;position:relative;border-radius:50%;padding:5px;background:var(--clr-white);border:1px solid rgba(0,0,0,.25);margin-bottom:2rem;box-shadow:var(--dark-shadow)}.user-title{font-size:18px;margin-bottom:0}.user-value{color:var(--clr-grey-1);font-size:28px}.values-list{display:grid;grid-template-columns:repeat(6,1fr);justify-content:center}.icon{background:0 0;border:transparent;font-size:1.9rem;cursor:pointer;color:var(--clr-grey-5);transition:var(--transition)}.icon:hover{color:var(--clr-primary-5)}.active{color:var(--clr-primary-5)}.btn{margin:0 auto;margin-top:1.5rem}@media screen and (min-width:800px){.user-value{font-size:38px}.icon{font-size:2rem}}