html {
	scroll-behavior: smooth;
	cursor: crosshair;
}

/* Font Faces */

@font-face {
    font-family: 'Le Murmure_Regular';
    src:    url('../fonts/Inferi-Thin.eot');
    src:    url('../fonts/Inferi-Thin.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Inferi-Thin.woff') format('woff'),
            url('../fonts/Inferi-Thin.woff2') format('woff2'),
            url('../fonts/Inferi-Thin.ttf') format('truetype'),
            url('../fonts/Inferi-Thin.svg#svgFontName') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Reforma1969';
    src:    url('../fonts/Reforma1969-Blanca.eot');
    src:    url('../fonts/Reforma1969-Blanca.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Reforma1969-Blanca.woff') format('woff'),
            url('../fonts/Reforma1969-Blanca.woff2') format('woff2'),
            url('../fonts/Reforma1969-Blanca.ttf') format('truetype'),
            url('../fonts/Reforma1969-Blanca.svg#svgFontName') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Reforma1969';
    src:    url('../fonts/Reforma1969-BlancaItalica.eot');
    src:    url('../fonts/Reforma1969-BlancaItalica.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Reforma1969-BlancaItalica.woff') format('woff'),
            url('../fonts/Reforma1969-BlancaItalica.woff2') format('woff2'),
            url('../fonts/Reforma1969-BlancaItalica.ttf') format('truetype'),
            url('../fonts/Reforma1969-BlancaItalica.svg#svgFontName') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Reforma1969';
    src:    url('../fonts/Reforma1969-Negra.eot');
    src:    url('../fonts/Reforma1969-Negra.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Reforma1969-Negra.woff') format('woff'),
            url('../fonts/Reforma1969-Negra.woff2') format('woff2'),
            url('../fonts/Reforma1969-Negra.ttf') format('truetype'),
            url('../fonts/Reforma1969-Negra.svg#svgFontName') format('svg');
    font-weight: 700;
    font-style: normal;
}

/* Typography */

i, em
{
  font-family: "Reforma1969", Georgia, serif;
  font-weight: 300;
  font-style: italic;
}

b
{
  font-family: "Reforma1969", Georgia, serif;
  font-weight: 700;
  font-style: normal;
}

p {
	font-family: 'Reforma1969';
	font-weight: 300;
	font-style: normal;
	line-height: 168%;
}

li {
  font-family: 'Reforma1969';
  font-weight: 300;
  font-style: normal;
  line-height: 168%;
}

h1 {
  font-size: 4rem;
  line-height: 100%;
  font-family: 'Le Murmure_Regular';
}

h2 {
	font-size: 3rem;
	line-height: 120%;
	font-family: 'Le Murmure_Regular';
}

h4 {
  font-size: 2rem;
  line-height: 120%;
  font-family: 'Le Murmure_Regular';
}

small {
	letter-spacing: 0.08rem;
  line-height: 120%;
}

a {
	color: #000;
	text-decoration: underline;
}

a:hover {
	color: #8F969E;
	transition: 0.2s;
	background-color: #000;
	text-decoration: none;
}

.carousel a:hover {
	background-color: transparent;
}

.english_text {
	font-size: 0.8rem;
	line-height: 168%;
	font-style: italic;
}

body {
	font-family: 'Darker Grotesque', sans-serif;
	padding: 1.5rem;
	background-color: #8F969E;
	color: #000
}

body ::-moz-selection { /* Code for Firefox */
  color: #8F969E;
  background: #000;
}

body ::selection {
  color: #8F969E;
  background: #000;
}

.case-text {
  margin-top: 2rem;
  padding-left: 12rem;
  padding-right: 12rem;
}

.light-mode {
  background-color: #EDEDED;
}

.light-mode-icon {
  margin-bottom: 0.2rem;
  margin-left: 0.6rem;
}

nav {
	font-size: 1rem;
	font-family: 'Darker Grotesque', sans-serif;
	letter-spacing: 0.1rem;
	text-transform: uppercase;
	margin-bottom: 1rem;
}

.sm_info p {
	font-size: 1rem;
	font-family: 'Darker Grotesque', sans-serif;
  font-weight: 400;
	letter-spacing: 0.1rem;
}

.img-livro a:hover {
    position: relative;
}

.img-livro a:hover:after {
    content: url("../img/info/colecao.jpg"); /* no need for qoutes */
    display: block;
    position: absolute;
    left: 123px; /* change this value to one that suits you */
    top: -100px;
    z-index: 3;
}

.main_nav a {
	margin-right: 0.5rem;
}

.social_links a {
	margin-left: 0.5rem;
}

.brand {
	font-weight: 700;
  text-transform: uppercase;
}

.hyperlink_btn {
  text-transform: uppercase;
  letter-spacing: 0.05rem;
}

.brand a {
	text-decoration: none;
}

.brand a:hover {
	text-decoration: none;
}

.project {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

hr {
	background-color:black;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

.carousel .carousel-control-prev-icon {
/* change fill="currentColor" to %23fff to make it white  */
  background-image: url('../img/prev.svg');
}

.carousel .carousel-control-next-icon {
/* change fill="currentColor" to %23fff to make it white  */
  background-image: url('../img/next.svg');
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    /* Use to adjust size of icons */
    width: 2.3rem;
    height: 2.3rem;
}

.carousel_background_img {
	position: relative;
	padding-bottom: 70%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/************* Imagens Portfolio *************/

/* Rezas do Diabo */

.rezas0 {
	background-image: url("../img/portfolio/rezas/rezas0.jpg");
}

.rezas1 {
	background-image: url("../img/portfolio/rezas/rezas1.jpg");
}

.rezas2 {
	background-image: url("../img/portfolio/rezas/rezas2.jpg");
}

.rezas3 {
	background-image: url("../img/portfolio/rezas/rezas3.jpg");
}

.rezas4 {
	background-image: url("../img/portfolio/rezas/rezas4.jpg");
}

.rezas5 {
	background-image: url("../img/portfolio/rezas/rezas5.jpg");
}

.rezas6 {
	background-image: url("../img/portfolio/rezas/rezas6.jpg");
}

.rezas7 {
	background-image: url("../img/portfolio/rezas/rezas7.jpg");
}

.rezas8 {
	background-image: url("../img/portfolio/rezas/rezas8.jpg");
}

.rezas9 {
	background-image: url("../img/portfolio/rezas/rezas9.jpg");
}

.rezas10 {
	background-image: url("../img/portfolio/rezas/rezas10.jpg");
}

.rezas11 {
	background-image: url("../img/portfolio/rezas/rezas11.jpg");
}

.rezas12 {
	background-image: url("../img/portfolio/rezas/rezas12.jpg");
}

.rezas121 {
	background-image: url("../img/portfolio/rezas/rezas12.1.jpg");
}

.rezas13 {
	background-image: url("../img/portfolio/rezas/rezas13.jpg");
}

.rezas14 {
	background-image: url("../img/portfolio/rezas/rezas14.jpg");
}

.rezas15 {
  background-image: url("../img/portfolio/rezas/rezas15.jpg");
}

/* Lune */

.lune0 {
  background-image: url("../img/portfolio/lune/lune0.gif");
}

.lune1 {
  background-image: url("../img/portfolio/lune/lune1.gif");
}

.lune3 {
  background-image: url("../img/portfolio/lune/lune3.jpg");
}

.lune4 {
  background-image: url("../img/portfolio/lune/lune4.jpg");
}

/* Sens */

.sens0 {
  background-image: url("../img/portfolio/sens/sens0.jpg");
}

.sens1 {
  background-image: url("../img/portfolio/sens/sens1.jpg");
}

.sens2 {
  background-image: url("../img/portfolio/sens/sens2.jpg");
}

.sens3 {
  background-image: url("../img/portfolio/sens/sens3.jpg");
}

.sens4 {
  background-image: url("../img/portfolio/sens/sens4.jpg");
}

/* Planeta Amarelo */

.planeta0 {
  background-image: url("../img/portfolio/planeta/planeta0.jpg");
}

.planeta1 {
  background-image: url("../img/portfolio/planeta/planeta1.jpg");
}

.planeta06 {
  background-image: url("../img/portfolio/planeta/planeta06.gif");
}

.planeta2 {
  background-image: url("../img/portfolio/planeta/planeta2.jpg");
}

.planeta3 {
	background-image: url("../img/portfolio/planeta/planeta3.gif");
}

.planeta4 {
  background-image: url("../img/portfolio/planeta/planeta4.jpg");
}

.planeta05 {
  background-image: url("../img/portfolio/planeta/planeta05.jpg");
}

.planeta5 {
  background-image: url("../img/portfolio/planeta/planeta5.jpg");
}

.planeta6 {
  background-image: url("../img/portfolio/planeta/planeta6.jpg");
}

.planeta7 {
  background-image: url("../img/portfolio/planeta/planeta7.jpg");
}

.planeta8 {
  background-image: url("../img/portfolio/planeta/planeta8.jpg");
}

.planeta9 {
  background-image: url("../img/portfolio/planeta/planeta9.jpg");
}

.planeta10 {
  background-image: url("../img/portfolio/planeta/planeta10.jpg");
}

.planeta11 {
  background-image: url("../img/portfolio/planeta/planeta11.jpg");
}

/* Revista Raízes */

.raizes2 {
  background-image: url("../img/portfolio/raizes/raizes2.jpg");
}

.raizes3 {
  background-image: url("../img/portfolio/raizes/raizes3.jpg");
}

.raizes4 {
  background-image: url("../img/portfolio/raizes/raizes4.jpg");
}

.raizes5 {
  background-image: url("../img/portfolio/raizes/raizes5.jpg");
}

.raizes6 {
  background-image: url("../img/portfolio/raizes/raizes6.jpg");
}

.raizes7 {
  background-image: url("../img/portfolio/raizes/raizes7.jpg");
}

/* Último Café Esquecido */

.ultimocafe0 {
  background-image: url("../img/portfolio/ultimocafe/ultimocafe0.jpg");
}

.ultimocafe1 {
  background-image: url("../img/portfolio/ultimocafe/ultimocafe1.jpg");
}

/* Logos & Symbols */

.logos0 {
  background-image: url("../img/portfolio/logos/logos0.jpg");
}

.logos1 {
  background-image: url("../img/portfolio/logos/logos1.jpg");
}

.logos2 {
  background-image: url("../img/portfolio/logos/logos2.jpg");
}

.logos3 {
  background-image: url("../img/portfolio/logos/logos3.jpg");
}

.logos4 {
  background-image: url("../img/portfolio/logos/logos4.jpg");
}

.logos5 {
  background-image: url("../img/portfolio/logos/logos5.jpg");
}

.logos6 {
  background-image: url("../img/portfolio/logos/logos6.jpg");
}

.logos7 {
  background-image: url("../img/portfolio/logos/logos7.jpg");
}

.logos8 {
  background-image: url("../img/portfolio/logos/logos8.jpg");
}

.logos9 {
  background-image: url("../img/portfolio/logos/logos9.jpg");
}

.logos10 {
  background-image: url("../img/portfolio/logos/logos10.jpg");
}

.logos11 {
  background-image: url("../img/portfolio/logos/logos11.jpg");
}

/************* Fim Imagens Portfolio *************/

.card {
	border: 0px;
}

.marqueetop {
  overflow: hidden;
  white-space: nowrap;
  letter-spacing: 0.1rem;
}

.marqueetop span {
  display: inline-block;
  animation: marqueetop 130s linear infinite;
}

@keyframes marqueetop {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-50%, 0);
  }
}

.marqueefooter {
  overflow: hidden;
  white-space: nowrap;
  letter-spacing: 0.1rem;
}

.marqueefooter span {
  display: inline-block;
  animation: marqueefooter 130s linear infinite;
}

@keyframes marqueefooter {
  0% {
    transform: translate(-50%, 0);
  }
  50% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-50%, 0);
  }
}

.credits-footer {
  margin-top: 0.4rem;
  line-height: 85%;
}