body {
    background-color: #dbefe66b;
}

main{
    padding-top: 16px;
}


.bold-text{
    font-weight: bold;
}


.face-picture {
    border-radius: 50%;
    width: 16vw;
    height: 16vw;
    object-fit: cover;
}


.fab{
    font-size: 24px;
    color:grey;
}

.fab:hover{
    color: #0078d7;
}

.info-block{
    gap: 20px;
    margin-bottom: 20px;
}


.section {
    margin-bottom: 30px;
}
.section h2 {
    border-bottom: 2px solid #0056b3;
    padding-bottom: 5px;
    margin-bottom: 15px;
}
.entry {
    margin-bottom: 20px;
}
.entry h3 {
    margin: 0;
    font-size: 1.2em;
    color: #0056b3;
}
.entry .details {
    font-style: italic;
    color: #555;
}
.entry p {
    margin: 5px 0;
}

h2{
    font-size: 1.5em;
}

#webScreenShot:hover{
    transform: scale(1.02);
    transition-duration: 130ms;
    cursor:pointer;
  }

/* --- */
.skills-section {
    text-align: center;
    padding-bottom: 30px;
  }
  
  .skills-container {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
  }
  
  .skill {
    padding: 5px 10px;
    background-color: #0078d7;
    color: #fff;
    border-radius: 10px;
    font-size: 1.1rem;
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.6s ease-out;
  }
  
  .skill.show {
    opacity: 1;
    transform: translateY(0px);
  }