.bodycol {
    background-color: rgb(255, 255, 255);
    font-family: Arial, Helvetica, sans-serif;
}

.section-profile-pic {
	padding: 4rem 1rem 2rem 1rem;
	text-align: center;
}

.section-links {
	padding: 1rem 0 1rem;
	text-align: center;
}

.buttonlink-style {
    border: 0;   
    width: 30rem;
    height: 5rem;
    color: #000;
    box-shadow: 1px 1px 4px #ccc;
    border-radius: 4px;
    background-color: rgba(248, 250, 250, 1);
    margin-bottom: 2.5rem;    
}

.buttonlink-style:hover {
    box-shadow: 1px 1px 4px #aaa;
    width: 31rem;
    background-color: rgba(255, 255, 255, 1);
}

.buttonlink-style:active {
    box-shadow: inset -2px -2px 3px rgba(255, 255, 255, .6),
                inset 2px 2px 3px rgba(0, 0, 0, .2);
}
.button-div {
    display: flex;
    align-items: center;
    text-transform: none;
    color: #000;
    font-size: 1.4rem;
    font-family: system-ui;
    justify-content: center;
}

.text-button {    
    padding: 0.1rem 0rem 0rem 0rem;
}

.section-footer {
	padding: 0rem 0 1rem;
	text-align: center;
}

.text-footer {
	color: #aaa;
    font-size: 1.4rem;
	margin-bottom: 1rem;
	padding-top: 0rem;
    font-family: system-ui;
    font-weight: 500;
}