Ion-select-option center and change text

Hello :smiley:

I’m trying to edit this so that the drop down menu is centered, and I would like to be able to change the font and stuff. But no matter what i try, nothing changes it :frowning:
Any ideas?

<div>
    <ion-list lines="none">
      <ion-item>
        <ion-select [(ngModel)]="location" [interfaceOptions]="selectOptions">
          <ion-select-option value="madison">Los Angelos</ion-select-option>
          <ion-select-option value="austin">Austin, TX</ion-select-option>
          <ion-select-option value="chicago">Chicago, IL</ion-select-option>
          <ion-select-option value="seattle">Seattle, WA</ion-select-option>
        </ion-select>
      </ion-item>
    </ion-list>
</div>