@charset "UTF-8";

html {
    scroll-behavior: smooth;
}

.portrait {
    position: relative;
    width: 100%;
    z-index: -1;
}

.name {
    position: absolute;
    margin-top: 12%;
    padding-left: .95rem;
    width: 57%;
    text-align: center;
    color: #003e80;
}

.fname{
    font-size: 4vw;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 3.5vw;
    margin-bottom: -0.7rem;
}

.lname{
    font-size: 5vw;
    font-weight: 100;
    letter-spacing: -2px;
    line-height: 6.5vw;
    margin-bottom: -0.8em;
}

.role{
    font-size: 3vw;
    font-weight: 600;
    padding-top: 1.7em;
    line-height: 3vw;
}

.name p {
    font-size: 2.7vw;
    font-weight: 500;
    margin-bottom: 0em;
}

.name p a:hover{
    font-size: 103%;
    transition: 300ms;
}

.border{
    background-color: #003e80;
}


.icon{
    height: 7rem;
    width: 7rem;
    margin: 1rem;
}

.register{
   width: 100%;
    height: 12rem;
    margin-left: 1rem;
    float: left;
}

.edu{
    width: 100%;
    height: 12rem;
   float: left;
}

.member{
    height: 7rem;
    margin: 2rem;
    padding: .1rem;
}

#resume {
    padding: 5rem;
    padding-left: 10%;
    padding-right: 10%;
}

#leaders {
    padding-top: 5rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 100%;
}

#leaders li{
    list-style-type: none;
    font-size: 1.6rem;
    font-weight: 400;
}