:root {
  --header-font: "Racing Sans One", cursive;
  --main-font: "Helvetica", sans-serif;
  --primary-colour: #dc0073;
  --secondary-colour: #19297C;
  --secondary-colour-darken: var(--primary-colour);
}

body {
    font-family: var(--main-font);
    font-size: 14pt;
    background-color: #fefefe;
    color: #000000;
}

h1 {
    font-family: var(--header-font);
    color: var(--primary-colour);
    margin-bottom: 1em;
}

a {
    color: var(--secondary-colour);
}

a:hover {
    color: var(--secondary-colour-darken);
}

.btn-link {
    color: var(--secondary-colour);
}

.btn-link:hover {
    color: var(--secondary-colour-darken);
}

.socicon {
    width: 15%;
}

.navbar-brand{
    font-family: var(--header-font);
    font-size: 30px;
}

.navbar{
  background-color: var(--primary-colour) !important;
  font-family: var(--header-font);
 }

.avatar {
  border-radius: 50%;
  margin-bottom: 1em;
  padding: 10px;
  border: 2px solid var(--primary-colour)
}

.soft_edge {
  border-radius: 3%;
  padding: 10px;
  border: 2px solid var(--primary-colour)
}

section{
    padding-top: 2em;
    padding-bottom: 2em;
}

.offw{
    background-color:#F3F3F3;
}

.footer{
    background-color: var(--primary-colour);
    padding-bottom: 30px;
}

.card {
    margin-bottom: 5px;
}

/*.btn-link{
    color: var(--primary-colour);
}

.btn-link:hover{
    color: var(--primary-colour);
}*/

/* ul{
padding-left: 0;
list-style: none outside none;
}
ul li{
margin-bottom: 0.5em;
} */