#Resume .section-content {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}
.resume {
    all: revert;
    width: 90%;
    height: auto;
    justify-self: center;
    align-self: center;
    border-radius: 10px;
    object-fit: cover;
    min-width: 200px;
    min-height: 266px;
    border: solid 5px #121212;
}
.download-resume-btn {
    color: var(--primary);
    background-color: #333;
    border: 4px solid var(--primary);
    border-radius: 5px;
    text-align: center;
    font-size: 20px;
    font-weight: bolder;
    padding: 15px;
    height: 100%;
    margin-bottom: 20px;
    width: calc(90% - 28px);
}
.download-resume-btn:hover {
    background-color: var(--secondary);
    color: #333;
    border: 4px solid var(--secondary);
}
.experience-section {
    border-radius: 10px;
    width: calc(100% - 35px);
    padding: 15px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-self: center;
    animation: fade-in linear;
    animation-timeline: view(85% 0px);
}
.experience-section img {
    float: left;
    margin-right: 15px;
    border-radius: 10px;
    width: 20%;
    height: auto;
    aspect-ratio: 1/1;
    min-width: 0px;
    min-height: 0px;
    max-height: 50vh;
    object-fit: contain;
    border: none;
}

article {
    font-size: max(calc(0.65vw + 0.65vh), 1rem);
}

.code-skills-container {
    display: flex; 
    flex-direction: row; 
    flex-wrap: wrap; 
    column-gap: 15px;
}
.code-skills-container p {
    border: 2px solid black; 
    border-radius: 10px;
    padding-left: 4px;
    padding-right: 4px;
    min-width: 20px;
    text-align: center;
}

@media screen and (max-width: 1100px){
    #first-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    }
}
@media screen and (max-width: 575px){
    .experience-section {
    flex-direction: column;
    }
    .experience-section img {
    width: 65%;
    }
}

@keyframes fade-in {
    from {scale: .8; opacity: 0;}
    to {scale: 1; opacity: 1;}
}