* {
    /* background-color: 	#f6f6f6; */
    /*background-color: #e3e3e3;*/
     margin: 0%;
     padding: 0%;
     box-sizing: border-box;
     /*font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
     font-size: clamp(11px, 5vw, 15px);*/
     /*font-size: 15px;*/
 }
 .archivo-black-regular {
     font-family: "Archivo Black", sans-serif;
     font-weight: 400;
     font-style: normal;
   }
   .Nimbus-Sans-Bold{
    font-family: "nimbus-sans", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  .Nimbus-Sans-Regular{
    font-family: "nimbus-sans", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
 .nav {
     height: 80px;
     justify-content: space-between;
     align-items: center;
     padding: 0rem calc((100vw - 1300px) / 2);
     
 }
 .logo {
  /*margin-top: -7%;*/
  background-color: transparent;
}
 .logo a {
  background-color: transparent;
  /*margin: auto;*/
  letter-spacing: -3px;
  letter-spacing: -3px;
    font-family: "nimbus-sans", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: clamp(40px, 5vw, 30px);
     /*font-size: 4.5vw;
     font-size: 65px;*/
     color: #353935;
     padding: auto;
     /*padding: auto;*/
 }
 nav a {
 background-color: transparent;
 text-decoration: none;
 color: #353935;
 padding: 0 1.6rem;
 }
 .nav-items {
  font-family: "nimbus-sans", sans-serif;
  font-weight: 400;
  font-style: normal;
     padding-top: 15px;
     display: grid;
     padding: auto;
     /*margin-right: -20px;*/
     background-color: transparent;
 }
 .navbar {
  z-index: 10;
  background-color: transparent; 
    position: fixed;
    top: 20px;
    /*bottom: 75px;*/
    width: 100%;
    padding-bottom: 15px;
 }
 .socials a {
   background-color: transparent;
 text-decoration: none;
 color: #353935;
 padding: 0 1.6rem;
   
   
 }
 .socials {
  font-family: "nimbus-sans", sans-serif;
  font-weight: 400;
  font-style: normal;
   background-color: transparent;
     overflow: hidden;
     align-items: center;
     position: fixed;
   bottom: 20px;
   justify-content: space-between;
   z-index: 10;
 }
 .bio {
 /* margin-top: 200px;*/
 color: #353935;
 margin-top: 150px;
 font-family: "nimbus-sans", sans-serif;
    font-weight: 400;
    font-style: normal;
     /*font-family: 'Baskervville';*/
     font-size: clamp(18px, 2vw, 20px);
     line-height: 1.3;
    /* font-style: italic;
    display: flex;
    flex-wrap: wrap;*/
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 35px;
    padding-bottom: 5px;
   /* max-width: 100%;*/
  }
  .siena {
   /* margin-right: 0px;
    margin-left: 0px;*/
    margin-top: -150px;
    padding: 20px;
    width: 100%;
    max-width: 400px;
      height: auto;
      object-fit: contain;
      float: right;
  }
  @media (max-width: 600px) {
    .siena {
      display: none;
    }
  }

  .flex-container {
    display: flex;
    gap: 2rem; /* spacing between columns */
    align-items: flex-start;
  }

  .flex-container > div {
    flex: 1; /* makes both columns take equal width */
  }

  .skills,
  .cv {
    position: relative;
    background-color: transparent;
    font-family: "nimbus-sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: clamp(9px, 2vw, 15px);
    color: #A9A9A9;
   /* color: #97ad3b;*/
    padding: 1rem;
    max-width: 400px;
  }

  .skills br,
  .cv br {
    margin-bottom: 0.5rem;
  }
   /* padding: 35px;
    padding-top: 30px;
    max-width: 50%;
    min-width: 50%;
    height: auto;
    object-fit: contain;
  
   .siena img {
    width: 500px;
    height: auto;
  }*/

  /*.flex-container {
    column-gap: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    
    padding-bottom: 40%;
    margin: auto;
    flex-direction: column;
}*/
* {
  box-sizing: border-box;
}
@media (min-width: 600px) {
  .flex-container {
      flex-direction: row;
      align-items: flex-start;
  }
}
@media (min-width: 600px) {
  .siena {
      flex: 1;
  }
}

@media (min-width: 600px) {
  .bio {
      flex: 2;
  }
}
@media (min-width: 600px) {
  .navbar {
      flex: 2;
  }
}
   

nav a, .logo a, .socials a {
  text-decoration: none;
  color: #353935;
  transition: color 0.3s ease;
  background-color: transparent;
}

/* Hover effect */
nav a:hover,
.logo a:hover,
.socials a:hover {
  color: #97ad3b; /* Change this color if you'd like something else */
}