.header{ height: 150px; width: 100%; position: absolute; background: #259CB8; top: 0; } .header-toolbar{ --background: #259CB8 !important; } .bottom{ height: 88%; width: 100%; position: absolute; background: #F5F5F5; top: 20%; } ion-card-header{ background-color: #fff; padding: 10px 10px 5px !important; } ion-card-header img{ height: 320px; } ion-card-title{ margin: 15px 10px 0px; } ion-card-content{ padding-top: 0px; padding-bottom: 0px; } .content-bottom{ padding-top: 15px; } .green{ color:#1FA169; font-weight: bold; } .content-bottom h1{ font-size: 22px; font-weight: bold; } .details-button ion-button{ --background: #565656; width: 150px; border-radius: 8px; } .profile-title{ color:#000; font-weight: bold; } .profile-img{ height: 50px; width: 50px; border-radius: 50%; } ion-avatar{ height: 50px; width: 50px; text-align: center; } ion-avatar p{ color:#000; } ion-avatar a{ color:#259CB8; text-decoration: underline; } ion-footer{ position: fixed; bottom: 0; } .icon-footer{ margin: 6px; position: absolute; left: 35px; }