@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Passion+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sriracha&display=swap');


* { padding: 0em; margin: 0em; }
html, body {
  font-family: var(--fonte1);
  min-height: 100vh;
  background-color: #1e1e1e;
}
:root {
  --fonte1: Verdana, Geneva, Tahoma, sans-serif;
  --fonte2: 'Passion One', cursive;
  --fonte3: 'Sriracha', cursive;
}




header {
  background-color: #000000;
  color: #f5f5f5;
  text-align: center;
}
header > h1 {
  font-family: var(--fonte2);
  font-size: 10vw;
  padding-top: 1em;
  /*text-transform: uppercase;*/
  font-variant: small-caps;
}
header > p { padding-bottom: 1em; }
header a, footer a {
  color: #f5f5f5;
  text-decoration: none;
  font-weight: bolder
}
header a:hover, footer a:hover { text-decoration: underline; }




section{
  font-family: var(--fonte3);
  line-height: 2em;
  font-size: 3.5vw;
  padding: 10vh 0em 10vh 2.5em;
}
section.normal {
  background-color: #f5f5f5;
  color: #000000;
}
section.imagem {
  box-shadow: inset 0em 0em 1.5em #0000009e;
  background-color: #1e1e1e;
  color: #f5f5f5;
}
section.imagem > p {
  text-shadow: 0.1em 0.1em 0em #000000b8;
  padding: 1em;
  background-color: #00000086;
  display: inline-block;
}
#img01 {
  background: #000000 url("../content/background001.jpg") right center no-repeat fixed;
  background-size: cover;
}
#img02 {
  background: #000000 url("../content/background002.jpg") right center no-repeat fixed;
  background-size: cover;
}




footer {
  
  background-color: #000000;
  color: #f5f5f5;
  text-align: center;
  padding: 1em;
}