@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
body {
    font-family: 'Open Sans', sans-serif;
    /* background: linear-gradient(0deg, rgb(253, 143, 103), rgb(212,99,163));
    min-height: 110vh; */
}

body {
    background-image: url(bg2.JPG);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

a {
    color: black;
    text-decoration: none;
}

a:hover {
    color: rgb(255, 255, 255);
}

section {
    width: 50%;
    margin: auto;
    text-align: center;
    margin-top: 30px;
}

.circular-image {
    border: 1px solid #ffffff;
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 50%;
}

.inner-link {
    background-color: rgb(255, 255, 255);
    padding: 20px;
    transition: 0.1s ease-in;
    border: 2px solid rgb(255, 255, 255);
}

.inner-link:hover {
    background-color: transparent;
}

.sub-head {
    font-size: 19px;
}

.sub-headbio {
    font-size: 13px;
}

.links-section {
    margin-top: 30px;
}

.sub-sec {
    margin: 15px 0px;
}

@media screen and (max-width: 720px) {
    section {
        width: 100%;
    }
}

.coverBg {
    background-image: url(images/bg_3.jpg);
    background-repeat: no-repeat;
    position: fixed;
    width: 100%;
    height: 100%;
    background-size: 100%;
}

.wrapper {
    width: 900px;
    margin: auto;
    height: 100%;
    background-color: #ffffff;
    position: relative;
}