#home {
    position: relative;
}

.scaled-image {
    height: 70vh;
    /* margin-top: 50px; */ /*Behind navbar*/
    background-image: url("../img/backgrounds/home.jpg");
    background-repeat: no-repeat;
    background-size: cover; /*it scales to cover the area*/
    background-attachment: fixed; /*parallax effect*/
    position: relative; /*so that the black-filter children with width:100%, height:100% uses the width and height of this div*/
}

.black-filter { /*add black filter on top of the image*/
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position:absolute;
    left:0px;
    top:0px;
}

.center-div {
    transform: translate(-50%, -40%);
    position:absolute;
    left: 50%;
    /* margin-top:100px;*/
    scroll-snap-align: start;
}

.name {
    font-size: 40px;
    text-align: center;
    font-family: 'Audiowide';
    padding-top: 20px;
}

.profile-circular-image {
    border-radius: 50%;
    background-image: url("../img/profile.jfif");
    background-repeat: no-repeat;
    background-size: cover; /*it scales to cover the area*/
    width:300px;
    height:300px;
    margin-left: auto;
    margin-right: auto;
    border-style: solid;
    border-color: white;
    border-width: 10px;
}