nav.navbar {
    margin: 0px;
    border-radius: 0px;
    font-family: arial;
    background: transparent;
    border: 0px;
}

.pp {
    max-width: 200px;
    max-height: 200px;
    border-radius: 100%;
    border: 1px solid gray;
    display: block;
    margin: auto;
    transition: border 0.5s;
}

.pp:hover {
    border: 2px solid gray
}

.name {
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 170%;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    margin-bottom: 16%;
    transition: color 0.5s;
}

.name:hover {
    color: rgb(120, 120, 120);
    margin-bottom: 16%;
}

.container3 {
    color: white;
    display: flex;
    flex-direction: row;
    background: rgb(1, 22, 21);
    box-sizing: border-box;
    padding: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}

.col3 {
    background: transparent;
    padding: 2% 4%;
    font-family: arial;
    margin-bottom: 0px;
    max-height: 110%;
    border-top: 0px;
    border-bottom: 0px;
}

.rowheading {
    text-align: center;
}

.details {
    color: lightgray;
    font-size: 100%;
    text-align: justify;
    margin-bottom: 0px;
}

h3.sociallinks {
    padding-top: 8%;
    padding-bottom: 2%;
    color: lightgray;
}