@font-face {
  font-family: 'CameronSans';
  src: url(CameronSansBold.ttf);
}

body {
  background-image:url(/IMAGENS/fotocasobre.jpg);
  background-size: 100%;
  color: black;
}

#conteudo{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(5, 1fr);
    
}

#cruzada{
  grid-column: 2 / 6;
  grid-row: 5/5;
}

#celula{
  background-color: wheat;
  width: 25px;
  height: 25px;
  font-size: 16px;
  border: 1px solid black;
  border-collapse: collapse;
  text-align: center;
}

table{
  max-width: 100%;
  cursor: context-menu;
  float: left;
  padding: 20px;
  border-collapse: collapse;
}
   
#MAOINVISIVEL{
    grid-column: 5/6;
    grid-row: 1/6;
    display: grid;
}
#strela, #bloco {
        grid-area: 1 / 1 / 2 / 2; 
    }

#strela{
  padding-top: 50%;
  z-index: 1;
}

#bloco{
    display: flex;
    margin: 5%;
    padding: 5%;
    height: 500px;
    width: 650px;
    background-color: #F7C9A5;
    
}

#text{
  width: 800px;
  display: flex;
  flex-direction: column;
  font-family:'CameronSans';
  font-size: 22px;
  color: #b75452;
}


#fotoca img{
  padding-left: 5%;
  width: 96%;
  height: auto;
}