@font-face {
    font-family: 'GILROY-REGULAR';
    src: local('GILROY-REGULAR'),
         url('/css/fonts/GILROY-REGULAR.TTF') format('truetype'); 
}

@font-face {
    font-family: 'GILROY-MEDIUM';
    src: local('GILROY-MEDIUM'),
         url('/css/fonts/GILROY-MEDIUM.TTF') format('truetype'); 
}

@font-face {
    font-family: 'GILROY-SEMIBOLD';
    src: local('GILROY-SEMIBOLD'),
         url('/css/fonts/GILROY-SEMIBOLD.TTF') format('truetype'); 
}

body {font-family: 'GILROY-REGULAR'} 

body, html {
    height: 100%;
    margin: 0;
  }

h1 {font-family: 'GILROY-MEDIUM';}
h3 {font-family: 'GILROY-SEMIBOLD';}

.semiBold {font-family: 'GILROY-SEMIBOLD';}
.medium {font-family: 'GILROY-MEDIUM';}
.regular {font-family: 'GILROY-REGULAR';}

.round-button {
    border-radius:2rem !important;
}

.badge-purple {
    color: #fff;
    background-color: #765d69;
  }

.body-krem {background-color: #336699;}
.body-footer {background-color: #2A323B;}