.luckiest-guy {
    font-family: "Luckiest Guy", cursive;
    font-weight: 400;
    font-style: normal;
}
    
.league-spartan {
    font-family: "League Spartan", sans-serif;
}

.quicksand {
  font-family: "Quicksand", sans-serif;
}

.chewy {
  font-family: "Chewy", system-ui;
}
    
.outline-text {
    -webkit-text-stroke: 1px white;
    color: transparent;
}

.work-img{
    border-radius: 0px 50px 50px 0px;
}


.text-cream{
    color: #e4e2dc;
}

.gray-bg{
    background-color: #303030;
}

*:hover {
    transition: all 0.3s ease-in-out;
}

#workImage {
    transition: opacity 0.3s ease-in-out;
    opacity: 1;
}

#workImage.fade-out {
    opacity: 0;
}

/*Hover effect on tech page*/
.hover-light {
    border: 1px solid #151d2e;
    transition: border 0.3s, box-shadow 0.3s;
}
    
.hover-light:hover {
    border: 1px solid #3f5176;
    box-shadow: 0 0 15px 1px rgba(255, 255, 255, 0.29);
}


#menuIcon {
    transition: transform 0.3s ease;
}

#menuIcon.rotate-left {
    transform: rotate(-90deg);
}

#menuIcon.rotate-right {
    transform: rotate(0deg);
}

/* Image fade-out effect */
.fade-out {
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}