img {
    border:5px solid black;
    border-radius: 8px;
  }

#links {
    color: rgb(2, 2, 2);
    font-family: serif;
    font-size: 20px;
  }

  .links {
    color: rgb(201, 201, 201);
    font-family: serif;
    font-size: 20px;
  }

  #rightside {
    border:5px solid rgb(201, 201, 201);
    border-radius: 8px;
  }

.experience {
    display: flex;
    width: 100%;
    background-color:rgb(201, 201, 201);
    font-family: 'Montserrat', sans-serif;
    color: #000000;
}

.experience-section {
    display: flex;
    justify-content: center;
    align-items: middle;
    width: 50%;
    padding-top: 30px;
    padding-bottom: 30px;
}

.experience-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 80%;
    max-width: 700px;
}

#work-experience-header {
    display: flex;
    width: 100%;
    height: 100px;
    align-items: center;
    font-family: 'Montserrat', sans-serif;
    color: #000000;
    font-size:50px;
    letter-spacing: 1px;
    font-family: serif;
}

.experience-item-container {
    display: flex;
    align-items: top;
    min-width: 80%;
    font-size: 1.3rem;
    margin-bottom: 20px;
}

#fff {
    color: rgb(0, 0, 0);
    margin-bottom: 5px;
}

#visit {
    color: rgb(0, 0, 0);
    margin-bottom: 5px;
    font-size: 14px;
}

#experience-description {
    color: rgb(0, 0, 0);
    line-height: 25px;
    font-size: 15px;
    margin-bottom: 10px;
}

#experience-description-right {
    color: #c2c2c2;
    line-height: 25px;
    font-size: 15px;
    margin-bottom: 10px;
}

.resume-section {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    background-color: #000000;
    color: #c2c2c2;
}

#resume-header:hover {
    text-decoration: underline;
}

#job-title {
    font-family: serif;
    font-size: 30px;
}
/* Buttons */
#btnlinksPP, #btnlinksGBS, #btnlinksES {
    font-family: serif;
    background-color: black;
    color: lightgrey;
    border-color: black 3px;
    border-radius: 15px;
    font-size: 18px;
    width: 292px;
    padding:20px;
    padding-left:93px;
    padding-right:93px;
}
#btnlinksPP:hover {
    background-color: rgb(141, 5, 141);
    color: black;
}
#btnlinksGBS:hover {
    background-color: white;
    color:black;
    border-color: black;
}
#btnlinksES:hover {
    background-color: rgb(226, 44, 12);
    color: black;
}

.btnlinksP, .btnlinksM, .btnlinksNT {
    font-family: serif;
    background-color: lightgrey;
    color: black;
    border-color: lightgrey;
    border-radius: 15px;
    font-size: 18px;
    width: 270px;
    padding:17px;
    padding-left:90px;
    padding-right:90px;
}
.btnlinksP:hover {
    background-color: rgb(23, 109, 167);
    color: white;
}
.btnlinksM:hover {
    background-color: black;
    color: white;
    border-color: white;

}
.btnlinksNT:hover {
    background-color: rgb(16, 196, 127);
    color: white;
}


@media(max-width: 1100px) {
    .experience {
        flex-wrap: wrap;
    }
    .experience-container {
        width: 100%;
        max-width: 100%;
    }
    .experience-section {
        display: block;
        width: 100%;
        max-width: 100%;
        padding-left: 20px;
        margin: auto;
    }
    .experience-item-container {
        width: 100%;
    }
    .job-info {
        width: 100%;
    }
    .resume-section {
        display: block;
        width: 100%;
        text-align: center;
        padding: 100px 0px;
    }
}