h1 {
  color: rgba(93, 194, 194, 0.685);
  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
  font-style: bold;
  text-align: center;
  position: absolute;
}

.titulotudo {
  background-image: url(../imagens/61279093_380574452552251_4009600679487209472_n.jpg);
  background-size: cover;
  background-position: center center;
  position: relative;
  margin: 0%;
}
p {
  color: rgb(11, 12, 12);
  font-family: Arial, Helvetica, sans-serif;
  font-style: bold;
  text-align: left;
  position: absolute;
}

body {
  background-color: black;
}

* {
  box-sizing: border-box;
}
a {
  color: whitesmoke;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding: 0;
	font-size: 1.2em;
	text-align: center;
	width: 100%;
	display: block;
  cursor: pointer;
  font-variant: small-caps;
}
a:hover {
	background-color:rgba(93, 194, 194, 0.685);
}
nav > ul {
  margin-bottom: 0;
	height: fit-content;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: space-evenly;
    align-items: bottom;
    position: fixed;
    bottom: 0;
    margin-left: 0;
}
nav > ul > li {
	display: inline-block;
	min-width: 25vw;
  line-height: 3rem;
  
}
ul li ul li {
	display: none;
}
ul li > ul {
	list-style: none;
  margin: 0;
	padding: 0;
	background-color: black;
}
ul li:hover > ul li {
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
}
nav > ul {
	background-color: black;
  height: 3rem;
  width: 100vw;
  left: 0vw;
}

.foto {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.foto1 {
    background-image: url(../imagens/1.jpg);
  }
.foto2 {
  background-image: url(../imagens/2.jpg);
}

.foto3 {
  background-image: url(../imagens/3.jpg);
}

.foto4 {
  background-image: url(../imagens/4.jpg);
}

.foto5 {
  background-image: url(../imagens/5.jpg);
}

.foto6 {
  background-image: url(../imagens/6.jpg);
}

.foto7 {
  background-image: url(../imagens/7.jpg);
}

.foto8 {
  background-image: url(../imagens/8.jpg);
}


.desenho {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.desenho1 {
  background-image: url(../imagens/9.jpg);
}

.desenho2 {
background-image: url(../imagens/10.jpg);
}

.desenho3 {
background-image: url(../imagens/11\ \(2\).jpg);
}

.desenho4 {
background-image: url(../imagens/12.jpg);
}

.desenho5 {
background-image: url(../imagens/13.jpg);
}

.desenho6 {
background-image: url(../imagens/14.jpg);
}

.desenho7 {
background-image: url(../imagens/15.jpg);
}

.desenho8 {
background-image: url(../imagens/16.jpg);
}

.texto {
  color: white;
  font-family: 'Courier New', Courier, monospace;
  font-size: bold;
  text-align: center;
  font-size: 30px;
}

::-webkit-scrollbar {
    display: none;
}