@tailwind base;
@tailwind components;
@tailwind utilities;

@font-face {
  font-family: 'Ubuntu';
  src: url('fonts/Ubuntu/Ubuntu-Light.ttf') format('truetype'),
}

@font-face {
  font-family: 'Ubuntu-Regular';
  src: url('fonts/Ubuntu/Ubuntu-Regular.ttf') format('truetype'),
}

@font-face {
  font-family: 'Ubuntu-Bold';
  src: url('fonts/Ubuntu/Ubuntu-Bold.ttf') format('truetype'),
}

.regular{
  font-family: "Ubuntu-Regular", sans-serif !important;
}

.bold{
  font-family: "Ubuntu-Bold", sans-serif !important; 
}

.blueText{
  color: #004F87;
}
.skyText{
  color: #E5F0F8;
}

.blueBg{
  background-color: #004F87;
}
.skyBg{
  background-color: #E5F0F8;
}

body{
  margin: 0;
  font-family: 'Ubuntu', sans-serif;
}

body ul{
  list-style-type: none !important;
}

.main-margin{
  margin-left: 5%;
  margin-right: 5%;
}

button:hover{
  background: #004F87;
  color: white;
  transition: all 100ms ease-in-out;
}

.gray{
  color: #515151;
}
.darkgray{
  color: #333333;
}