@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");
:root {
  --primary: rgba(44, 42, 42, 0);
  --secondary: rgb(224, 30, 224);
  --tartiary: 	#CD5C5C;
  /* --tertiary:  rgb(249, 206, 249); */
}

.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    border: none;
    box-shadow: none;
}
.heading{
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: bold;
  font-style: normal;
}
.p{
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.b{
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
}
.small{
  font-size:0.9rem !important;
}
a{
    color:inherit;
    text-decoration: none;
}
.primaryT{
    color: var(--primary);
}
.primaryB {
  background-color: var(--primary);
}
.secondaryC{
  color: var(--secondary);
}
.secondaryB{
    background-color: var(--secondary);
}
.tertiaryB{
  background-color: var(--tertiary);
}
.btn:hover{
    background-color: purple !important;
}
.navbar-brand:hover{
    color: purple !important;
}
.navbar-toggler {
    border: none;
    background-color: transparent;
    outline: none; 
}
.link:hover{
  color: purple !important;
  margin-top: -2px !important;
 text-shadow: 1px 1px var(--secondary);
}