.body {
    background-color: rgb(255, 251, 238);
    font-family: "Lexend", sans-serif;
    font-weight: 350;
}

.main-div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.name-title {
    color: rgb(82, 82, 82);
    font-size: 60px;
    margin-top: 100px;
}

.robot-gif {
    height: 80px;
    cursor: pointer;
}

.robot-click {
    height: 80px;
    cursor: pointer;
    display: none;
}

.links-box {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    /* padding-bottom: 2px; */
    /* Add some space for the underline */
}

.links-text {
    font-size: 25px;
    color: rgb(82, 82, 82);

    margin-left: 25px;
    margin-right: 25px;
    text-align: center;
    /* Align text within the block */
    cursor: pointer;
}

.about-text {
    width: 325px;
    color: rgb(82, 82, 82);
    font-size: 15px;
    margin-top: 15px;
    text-align: center;
}

.projects {
    display: none;
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    /* For Firefox */
}

.projects-text {
    width: 325px;
    color: rgb(82, 82, 82);
    font-size: 20px;
    margin-top: 15px;
    text-align: center;
}

.BR-Desc {
    width: 325px;
    color: rgb(82, 82, 82);
    margin-top: -15px;
    font-size: 15px;
    text-align: center;
}

#menu-underline {
    position: absolute;
    height: 3px;
    background-color: rgb(82, 82, 82);
    bottom: 20px;
    transition: all 0.3s ease;
    border-radius: 2px;
}