:root{--primary:#411E9C;--secondary:#3026BF;--tertiary:#B25AFA;--color-normal:#32DC21;--color-warning:#F2B213;--color-danger:#E81414;--text-color:#ffffff;--font-heading:'Source Sans Pro',sans-serif;--font-body:'Inter',sans-serif;;font-size:100%}*{color:var(--text-color);margin:0;padding:0;box-sizing:border-box;font-family:var(--font-body);font-size:1rem}body{background-image:url('../images/mesh-gradient.jpg');height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;padding:0 1.25rem;min-height:100vh;display:flex;flex-direction:column}header{display:flex}.header__content{display:flex;flex-direction:column;justify-content:center}.header__logo__container{padding:1.5rem 1rem}.logo{width:5rem;height:5rem}.grid-container{padding:1rem 0;margin:auto 0;display:grid;grid-template-columns:repeat(2,minmax(240px,1fr))}h1,h2,h3{font-family:var(--font-heading)}h1{font-size:1.75rem;font-weight:900}h2{font-size:1.25rem;font-weight:400}h3{font-size:1.125rem;text-align:center}main,aside{position:relative;padding:3.125rem 1rem}hr{margin:1rem 0}label{display:block;margin:1rem 0}::placeholder{color:#E4E4E4}input,select,option{font-size:.875rem;border:none;outline:none;padding:.5rem;color:var(--text-color);background-color:var(--primary);font-weight:400}.unit-indicator{background-color:white;color:var(--tertiary);padding:.5rem;margin-left:-2rem}.glass{margin:0 2rem;padding:1.5rem;background:rgba(255,255,255,.25);box-shadow:0 8px 32px 0 rgba(31,38,135,.37);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:10px;border:1px solid rgba(255,255,255,.18);position:relative;z-index:5}.overlay-icon{position:absolute;z-index:-3;width:4.688rem;height:4.688rem}#weight-icon{top:1rem;left:1rem}#cycle-icon{bottom:1rem;right:1rem}#statistics-icon{top:1rem;right:1rem}#heart-rate-icon{bottom:7rem;right:1rem}@media (max-width:768px){:root{font-size:75%}.grid-container{display:grid;grid-template-columns:repeat(1,minmax(240px,1fr))}#heart-rate-icon{bottom:1rem;right:1rem}}.category__container{padding:1.25rem 0;display:flex;align-items:center}.category__name__container{display:flex;align-items:center}.category__icon{margin-right:1rem;border-radius:50%;height:2rem;width:2rem;display:inline-block}.category__name{font-weight:400}.category__details{margin-left:auto}#BMIDisplayArea{background:#ffffff;padding:.5rem 1rem;border-radius:5px}.btn{padding:.5rem 1rem;margin:2rem 0;border:none;border-radius:5px;cursor:pointer;font-weight:700}.btn-primary{border:2px solid var(--secondary);background-color:var(--secondary);color:#ffffff}.btn-primary:hover{background-color:var(--primary)}.btn-secondary{border:2px solid var(--color-danger);background:none}.btn-secondary:hover{background-color:var(--color-danger);color:#ffffff}.hidden{display:none}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.text-normal{color:var(--color-normal)}.bg-danger{background-color:var(--color-danger)}.bg-warning{background-color:var(--color-warning)}.bg-normal{background-color:var(--color-normal)}