* {
  box-sizing: border-box;
}
div {
  cursor: pointer;
  background-size: cover;
  background-position: center center;
}
/* .primeiroplano {
    overflow: hidden;
} */
h1 {
  color: rgba(24, 49, 42, 0.897);
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  padding: 0.5em;
  padding-top: 3em;
  font-size: 1.5em;
  text-align: center;
  width: 100%;
  display: block;
}
p {
  color: rgba(24, 49, 42, 0.897);
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  padding: 0.5em;
  padding-top: 1em;
  font-size: 1.5em;
  text-align: center;
  width: 100%;
  display: block;
}
.worka {
  background-image: url(../imagens/Sofia\ Fernandes\ nome-13.png);
}
/* h1{text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-style: bold;
color: whitesmoke;
} */
.workb {
  background-image: url(../imagens/caras\ fotos.jpg);
}
.workb:hover {
  opacity: 0.5;
}
.workc {
  background-image: url(../imagens/Bandeira\ Utopia.jpg);
}
.workc:hover {
  opacity: 0.5;
}
.workd {
  background-image: url(../imagens/parede.jpg);
}
.workd:hover {
  opacity: 0.5;
}
.worke {
  background-image: url(../imagens/SofiaFernandes+3180794+exe6\ vertical\ fim.jpg);
}
.worke:hover {
  opacity: 0.5;
}
.workf {
  background-image: url(../imagens/montagem.jpg);
}
.workf:hover {
  opacity: 0.5;
}
.workg {
  background-image: url(../imagens/lagarto\ inc.jpg);
  /* background-image: url("../imagens/WP_000328.jpg") */
}
.workg:hover {
  opacity: 0.5;
}
.workh {
  background-image: url(../imagens/amalia.jpg);
  background-position: bottom;
}
.workh:hover {
  opacity: 0.5;
}
.worki {
  background-image: url(../imagens/Canvas\ Tote\ Bag\ MockUp\ mala\ diversa\ 1.jpg);
  /* background-image: url("../imagens/Mala\ peça\ verde2.jpg") */
}
.worki:hover {
  opacity: 0.5;
}
.workj {
  background-image: url(../imagens/loja\ fotos.jpg);
}
.workj:hover {
  opacity: 0.5;
}
.workk {
  background-image: url(../imagens/SofiaFernandes+3180794+exe7-03.jpg);
}
.workk:hover {
  opacity: 0.5;
}
.workl {
  background-image: url(../imagens/capa\ eragon\ canetas.jpg);
}
.workl:hover {
  opacity: 0.5;
}
.workm {
  background-image: url(../imagens/maquete\ 1.jpg);
  background-position: right;
}
.workm:hover {
  opacity: 0.5;
}
.workn {
  background-image: url(../imagens/maat.JPG);
}
.workn:hover {
  opacity: 0.5;
}
.worko {
  background-image: url(../imagens/arvoreinc.jpg);
  background-position: bottom;
}
.worko:hover {
  opacity: 0.5;
}
.workp {
  background-image: url(../imagens/contactos-11-11.png);
  background-position: center center;
  background-size: contain;
  opacity: 0.2;
}
/* Quando se clica */
.popup {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 100;
  background-color: rgba(24, 49, 42, 0.897);
}
.a1 {
  background-image: url(../imagens/Sofia\ Fernandes.jpg);
  /* background-size: contain; */
  background-repeat: no-repeat;
}
.a2 {
  /* background-size: contain; */
  background-image: url(../imagens/fhghfhgfh-08.png);
}
.a3 {
  background-color: rgba(185, 182, 177, 0.479);
}

.b1 {
  background-image: url(../imagens/caras\ fotos.jpg);
  background-size: contain;
  background-repeat: no-repeat;
}
/* .b2 {
    
} */
.b3 {
  background-color: rgba(185, 182, 177, 0.479);
}
.c1 {
  background-image: url(../imagens/bandeira\ utpoia.jpg);
}
/* .c2 {
  background-image: url(https://picsum.photos/500);
} */
.c3 {
  background-color: rgba(185, 182, 177, 0.479);
}
.d1 {
  background-image: url(../imagens/parede.jpg);
}
/* .d2 {
  background-image: url(https://picsum.photos/500);
} */
.d3 {
  background-color: rgba(185, 182, 177, 0.479);
}
.e1 {
  background-image: url(../imagens/SofiaFernandes+3180794+exe6\ vertical\ fim.jpg);
  background-position: top;
}
/* .e2 {
  background-image: url(https://picsum.photos/500);
} */
.e3 {
  background-color: rgba(185, 182, 177, 0.479);
}
.f1 {
  background-image: url(../imagens/montagem.jpg);
}
/* .f2 {
  background-image: url(https://picsum.photos/500);
} */
.f3 {
  background-color: rgba(185, 182, 177, 0.479);
}
.g1 {
  background-image: url(../imagens/lagarto.jpg);
}
.g2 {
  background-image: url(../imagens/lagarto\ inc.jpg);
}
.g3 {
  background-color: rgba(185, 182, 177, 0.479);
}
.h1 {
  background-image: url(../imagens/plantas.jpg);
}
.h2 {
  background-image: url(../imagens/amalia.jpg);
}
.h3 {
  background-color: rgba(185, 182, 177, 0.479);
}
.i1 {
  background-image: url(../imagens/Caderno\ 1\ e\ 2.2.jpg);
  background-position: bottom;
}
.i2 {
  background-image: url(../imagens/T-Shirt\ Mock-Up\ Front\ verde2.jpg);
}
.i3 {
  background-color: rgba(185, 182, 177, 0.479);
}
.j1 {
  background-image: url(../imagens/loja\ fotos.jpg);
}
/* .j2 {
  background-image: url(https://picsum.photos/500);
} */
.j3 {
  background-color: rgba(185, 182, 177, 0.479);
}
.k1 {
  background-image: url(../imagens/SofiaFernandes+3180794+exe7-03.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
/* .k2 {
  background-image: url(../imagens/SofiaFernandes+3180794+exe7+GIF.gif);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
} */
.k3 {
  background-color: rgba(185, 182, 177, 0.479);
}
.l1 {
  background-image: url(../imagens/Capa\ eragon.jpg);
  background-position: top;
  background-size: contain;
  background-repeat: no-repeat;
}
/* .l2 {
  background-image: url(../imagens/Capa_titulo-11.jpg);
  background-size: contain;
  background-repeat: no-repeat;
} */
.l3 {
  background-color: rgba(185, 182, 177, 0.479);
}
.m1 {
  background-image: url(../imagens/maquete\ 1.jpg);
}
.m2 {
  background-image: url(../imagens/maquete2.jpg);
}
.m3 {
  background-color: rgba(185, 182, 177, 0.479);
}
.m5 {
  background-image: url(../imagens/maquete3.jpg);
}
.n1 {
  background-image: url(../imagens/maat.JPG);
  background-repeat: no-repeat;
  background-size: contain;
}
/* .n2 {
  background-image: url(https://picsum.photos/500);
} */
.n3 {
  background-color: rgba(185, 182, 177, 0.479);
}
.o1 {
  background-image: url(../imagens/livrodavidacom.jpg);
  background-size: contain;
  background-repeat: no-repeat;
}
/* .o2 {
  background-image: url(../imagens/tituloseragon.jpg);
} */
.o3 {
  background-color: rgba(185, 182, 177, 0.479);
}
.p1 {
  /* background-image: url(../imagens/mail2-10.png); */
  background-size: contain;
  background-repeat: no-repeat;
}
.p2 {
  /* background-image: url(../imagens/mail1-09.png); */
  background-size: contain;
  background-repeat: no-repeat;
}
.p3 {
  /* background-image: url(../imagens/cruz-12.png); */
  background-size: contain;
  background-repeat: no-repeat;
}
img {
  width: 5vmin;
  height: 5min;
}