:root{
  /* background LIGHT*/
    --bg-site: hsl(0, 0%, 85%);
    --bg-medium: hsl(0, 0%, 90%); /* para o @media cell */
    --bg-card: hsl(0, 0%, 95%);  
    --bg-container: hsl(0, 0%, 100%); 
    --bg-content: hsl(0, 0%, 95%);
    
    --width-card-desk: 50vw;
  
    /* cor texto */
    --text-default: hsl(0, 0%, 3%);
    --text-inverse: hsl(0, 0%, 98%);

    --link-decoration: hsl(0, 0%, 70%);
}
body, html{
  margin: 0%;
}
a, a:visited{
  color: var(--text-default);
  text-underline-offset: 3px;
  text-decoration-color: var(--link-decoration);
  text-decoration-thickness: 1px;
}

/*======INDEX=======*/
.body{
  display: flex;
  flex-direction: row;
  gap: 3px;
  height: 100vh;
  width: 100vw;
}
.content {
  display: flex;
  flex-direction: column;
  width: 50%;
  height: ;
  background-color: red;
  justify-content: center;
  align-items: center;
  gap: 30px;
}

.content img{
  width: 30%;
}
.port-art{
  background-color: #6ebbfa;
}
.port-dev {
  background-color: #83fa6e;
}

/*====PORTFOLIO DEV======*/
.body-port{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.main-port{
  display: flex;
  flex-direction: column;
  align-items:;
  width: 90vw;
  max-width: 1100px;
}
.nav-projects{
  font-size:;
  background-color:;
  width: 100%;
}
.nav-projects > :not(:last-child) {
  margin-bottom: 10px;
}
.img-port-ver{
  height: 2rem;
  aspect-ratio: 9/16;
  object-fit: cover;
  object-position: center;
}
.img-port-hor{
  height: 2rem;
  aspect-ratio: 16/9;
  object-fit: cover;
  object-position: top;
}
.div-projects{
  display: flex;
  
  background-color:;
  align-items: center;
  gap: 15px;
}

.link-projects{
  display: flex;
  background-color: yello;
  height: 25px;
  gap: 5px;
}
.link-projects a{
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}

.link-proj-fast{
  opacity: 0.6;
  font-size: small;
  align-items: center;
  background-color: ;
  padding: 0 10px;
  display: non;
}
sup{
  vertical-align: super;
  line-height: 1;
  background-color: aqu;
  font-size: small;
  opacity: 0.7;
}

.margin-left{
  margin-left: auto;
}