@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alata&display=swap');


:root {
    --white:      rgb(255,255,255);
    --primary:    rgb(51, 102, 153);
    --secondary:  rgb(38, 51, 64);
    --secondary2: rgb(100, 122, 145);
    --secondary3: rgb(70, 80, 91);
    --success:    rgb(157, 242, 213);
    --info:       rgb(147, 212, 245);
    --warning:    rgb(253, 216, 112);
    --danger:     rgb(253, 112, 112);
    --light:      rgb(235, 235, 235);
    --dark:       rgb(17, 15, 17);
    --black:      rgb(0,0,0);
}

html {
  font-size: 16px;
}
body,html {
    font-family: "Noto Sans", serif;
    font-weight: 400;
    font-style: normal;
    height:100%;
}


p {
  font-size:1rem;
}
h1,h2,h3,h4,h5,h6 {
  font-family: "Roboto Slab", serif;
  font-weight: 600;
  font-style: normal;
}

h2 {
  font-size: 3.188rem;
}


.bg-colour-secondary {
  background:var(--secondary);
}
.bg-colour-secondary2 {
  background:var(--secondary2);
}
.bg-colour-secondary3 {
  background:var(--secondary3);
}


.button-primary {
  background:var(--primary);
  color:var(--white);
  border-radius: 0;
  padding: 12px 33px;
}
.button-primary:hover, .button-primary:focus, .button-primary:active {
  background:var(--primary);
  color:var(--white);
  border-radius: 0;
  padding: 12px 33px;
}
.button-secondary {
  background:var(--secondary);
  color:var(--white);
  border-radius: 0;
  padding: 12px 33px;
}
.button-secondary:hover, .button-secondary:focus, .button-secondary:active {
  background:var(--secondary);
  color:var(--white);
  border-radius: 0;
  padding: 12px 33px;
}