@font-face {
  font-family: GloriaHallelujah;
  src: url(Gloria_Hallelujah/GloriaHallelujah-Regular.ttf)
}
.masthead h1{
  font-family:GloriaHallelujah;
}
.secondary-page h1{
  background: #fa851e;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
          background-clip: text;
}
#intro p{
  margin-bottom: 1rem;
}
.text-red {
  color: #d3121d;
}
.items-section{
  background: linear-gradient(to bottom, #000000 0%, #660000 25%, #980000 100%);
}
.carousel-cards {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

#carousel {
  position: relative;
  height: 810px;
  top: 50%;
  overflow: hidden;
}
#carousel div {
  position: absolute;
  transition: transform 1s, left 1s, opacity 1s, z-index 0s;
  opacity: 1;
  color:white;
}
#carousel div img {
  width: 400px;
  transition: width 1s;
  margin: 10px 0;
}
#carousel div p {
  width: 400px;
  transition: width 1s;
}
#carousel div.hideLeft {
  left: 0%;
  opacity: 0;
  transform: translateY(50%) translateX(-50%);
}
#carousel div.hideLeft img {
  width: 200px;
}
#carousel div.hideLeft p {
  display:none;
}
#carousel div.hideRight {
  left: 100%;
  opacity: 0;
  transform: translateY(50%) translateX(-50%);
}
#carousel div.hideRight img {
  width: 200px;
}
#carousel div.hideRight p {
  display:none;
}
#carousel div.prev {
  z-index: 5;
  left: 30%;
  transform: translateY(50px) translateX(-50%);
}
#carousel div.prev img {
  width: 300px;
}
#carousel div.prev p {
  display:none;
}
#carousel div.prevLeftSecond {
  z-index: 4;
  left: 15%;
  transform: translateY(50%) translateX(-50%);
  opacity: 0.7;
}
#carousel div.prevLeftSecond img {
  width: 200px;
}
#carousel div.prevLeftSecond p {
  display:none;
}
#carousel div.selected {
  z-index: 10;
  left: 50%;
  transform: translateY(0px) translateX(-50%);
}
#carousel div.next {
  z-index: 5;
  left: 70%;
  transform: translateY(50px) translateX(-50%);
}
#carousel div.next img {
  width: 300px;
}
#carousel div.next p {
  display:none;
}
#carousel div.nextRightSecond {
  z-index: 4;
  left: 85%;
  transform: translateY(50%) translateX(-50%);
  opacity: 0.7;
}
#carousel div.nextRightSecond img {
  width: 200px;
}
#carousel div.nextRightSecond p {
  display:none;
}
.buttons {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 10px;
}
#carousel a{
  color:#cccccc;
}
#carousel a:hover{
  color:#d3121d;
}
.rdf-section{
  padding: 0;
  background: #000000;
}
.rdf-section p {
  margin-bottom: 5rem;
}
.theoretical-section {
  padding-top: 10rem;
  padding-bottom: 10rem;
  background: linear-gradient(to bottom, #000000 0%, rgb(173, 25, 51) 20%);
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}
#conceptualtext p{
  margin-bottom: 1em;
}