styles.css

body
{
    text-align: center;
    background-image: url("Untitled-1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 2rem;
    height: 100vh;
    font-family: 'Montserrat', sans-serif;
}

.container
{
    margin: 1% auto;
    text-align: center;
}

.pfp
{
    width: 30vh;
    border-radius: 50%;
    box-shadow: 0px 0px 30px rgba(206, 203, 203, 0.644);
    border: 5px solid white;
}

.row
{
    margin: 2%;
}

.col
{
    height: 9vh;
    padding-left:7%;
    padding-right:7%;
}    

.l
{
    background-color: black;
    padding: 8px auto;
    border-radius: 10vh;
    font-weight: 500;
}
.l:hover
{
    background-color: whitesmoke;
    color: black;
    box-shadow: 0px 0px 20px rgba(212, 209, 209, 0.651);
    border: 1px solid white;
    font-weight: 600;
}