/* FONTE */
@import url('https://fonts.googleapis.com/css2?family=Alumni+Sans+Pinstripe:ital@0;1&family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alumni+Sans+Pinstripe:ital@0;1&family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&family=Noto+Sans+Mono:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');


body{
padding: 0;
margin: 0;
font-size: 16px;
background-color: #828081;
line-height: 1.6;
}

/* Abre Menu */
header{
background-color: #1E1D1D;
color: #F2F2F2;
max-width: 100%;
padding: 0;
margin: 0;
top: 0;
}

nav{
text-align: right;
background-color: #1e1d1d;
max-width: 100%;
}

nav li{
list-style-type: none;
display: inline-block;
text-decoration: none;
color: #DCDCDC;
padding: 0px 20px 10px 0px;
font-family: "Noto Sans Mono", monospace;
font-size: 15px;
padding-inline: 15px;
margin:15px 10px 5px 0px;
}

a :hover{
opacity: 0.6;
}

header, nav{
position: fixed;
z-index: 1000;
width: 100%;
}

/* Fecha Menu */

#container1 {
height:920px; 
display: grid;
/* background-image: url(/static/imagens/perfil3.jpg); */
background-size: 100%;  
background-repeat: no-repeat;
padding: 10px;
grid-template-columns: auto ;
margin-top: 80px;
position: relative;
}

#container1 div {
text-align: left;
color: #DCDCDC;
font-family: "Lexend", sans-serif;
padding: 80px 0;
margin: 0px 0px 0px 50px;
font-size: 30px;
width: 50%;
height: 100%;
max-width: 100%;
}

.botao, .botao:visited {
text-decoration: none;
color: #DCDCDC;
text-align: center;
border: 2px #ffffff solid;
border-radius: 30px;
padding: 14px 25px;
font-size: 20px;
margin-left: 35%;
}

.botao:hover, .botao:active{
opacity: 0.8;
}

/* Começa CV */

#container2 {
display: grid;
gap: 2px;
padding: 0;
padding-bottom: 80px;
grid-template-columns: 20% 1fr; 
grid-template-rows: auto auto auto auto;
}

#container2 div {
max-width: 100%;
padding: 0;
font-family: "Lexend", sans-serif;
}

.item1{
grid-column: 1;
grid-row: 1 / span 3; 
/* display: flex;
flex-direction: column;
justify-content: flex-end;  */
text-align: center;
font-size: 100px; 
}

.item2 {
grid-column: 2; 
grid-row: 1; 
}

.item3 {
grid-column: 2; 
grid-row: 2; 
}

.item4 {
grid-column: 2; 
grid-row: 3;
} 
    
table { 
width: 100%;
text-align: left;
max-width: 100%; 
font-size: 20px; 
padding-right: 20px;
;
}

th, td {
padding: 10px;
text-align: left;
}

#right{
text-align: right; 
width: 10%;
font-size: 18px;
}

/* Acaba CV */

/* Começa Contactos */

#container3 {
  display: grid;
  gap: 10px;
  background-color: #000000;
  padding: 10px;
  grid-template-columns: auto;
}
#container3 div {
  
  font-size: 20px;
  color: #DCDCDC;
  font-family: "Lexend", sans-serif;
}
form {
    display: flex;
    flex-direction: column;
    margin: 80px 400px 80px 400px ;
}

.field {
    display: flex;
    gap: 40px;
}

.field div {
    flex: 1;
}

label {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}

input, textarea, button {
    background-color:#828081;
    margin-bottom: 10px;
    padding: 5px;
    padding: 8px;
    color: #F2F2F2;
    width: 100%;
    border: 1px solid #ccc;
  
}

textarea {
    height: 100px;
    resize: none;
}

button {
    background-color: #828081;
    opacity: 1;
    color: white;
    border: none;
    cursor: pointer;
    text-align: center;
}

button:hover {
    background-color: #1e1d1d;
}

/* Acaba Contactos */

footer{
text-align: center;
background-color: #1E1D1D;
color: #DCDCDC;
padding: 10px;
bottom: 0;
margin: 0;
width: 100%;
z-index: 1000;
}