@import url(normalize.css);

:root {
	--black: #000000;
	--blue-0: #041339;
	--blue-1: #101130;
  --blue-2:#007dc0;
  --blue-3:#101130c0;
	--gray-0: #2d3740;
  --gray-1: #ddd7ce;
  --gray-2: #f2f2f2;
  --gray-3: #878889;
	--green:#12ced1;
  --orange: #f1663c;
  --red:#eb2317;
  --red-1: #e30613;
	--blanco: #ffffff;
}

@font-face {
  font-family: "Blacklisted";
  src: url("../fonts/Blacklisted.otf");
}

@font-face {
  font-family: "Montserrat-Light";
  src: local("Helvetica"), url("../fonts/Montserrat-Light.otf") format("otf");
  font-display: swap;
}
@font-face {
  font-family: "Montserrat-Regular";
  src: local("Helvetica"), url("../fonts/Montserrat-Regular.otf"), format("otf");
  font-display: swap;
}
@font-face {
  font-family: "Montserrat-SemiBold";
  src: local("Helvetica"), url("../fonts/Montserrat-SemiBold.otf") format("otf");
  font-display: swap;
}
@font-face {
  font-family: "Montserrat-Bold";
  src: local("Helvetica"), url("../fonts/Montserrat-Bold.otf") format("otf");
  font-display: swap;
}

a {
  text-decoration: none;
}

body {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.25;
}

h1 {
  font-family: Blacklisted,Arial, Helvetica, sans-serif;
  font-size:calc(2.5rem + .5vw);
}
h2 {font-family: 'Montserrat', sans-serif;font-weight: 700;font-size:1.5rem;line-height:1;}

img {
  height:100%;
  width: 100%;
}

#navbar-large{
  color:var(--blanco);
  background-color:var(--blue-1);
  border-radius:4rem;
  font-family: Montserrat-SemiBold,Arial, Helvetica, sans-serif;
  font-size: calc(1.25rem + .25vh);
  font-size: -moz-calc(1.25rem + .25vh);
  font-size: -webkit-calc(1.25rem + .25vh);
  line-height:2rem;
  margin-top: 2rem;
  padding: .5rem 1rem;
  width: fit-content;
}

#navbar-small {
  color: var(--blanco);
  fill: var(--blanco);
  background-color: var(--blue-1);
  border-radius: 4rem 0rem 0rem 4rem;
  font-family: Montserrat-SemiBold;
  font-size: 2rem;
  line-height: 2rem;
  margin-top: calc(1rem + 1vh);
  margin-top: -moz-calc(1rem + 1vh);
  margin-top: -webkit-calc(1rem + 1vh);
  padding: .5rem 1rem;
  width: fit-content;
}

#subnav {
  color:var(--blanco);
  background-color: var(--blue-3);
  /*background-color: #101130c0;*/
  border-radius: 0rem 0rem 0rem 2rem;
  display: none;
  margin-top: .125vh;
  padding: 2rem;
}
#subnav a:hover {
  color:var(--red);
}

#navbar-large a:hover,
#navbar-medium a:hover,
#navbar-small a:hover {
  color: var(--red);
}