.landing-text-block {
    width: fit-content;
    margin: auto;
}

.landing-image {
    background-image: url(../images/bg.jpg);
    height: 80%;
}

.white-background {
    margin: 2em auto;
    width: fit-content;
    background-color: white;
    padding: 20px 30px;
}

.button {
    color: var(--color_1);
}

.button > h2 {
    font-weight: bold;
    margin: 20px auto;
    background-color: white;
    width: fit-content;
    padding: 20px 30px;
    border-radius: var(--border_s);
}

.button_2 > h2{
    color: white;
    background-color: var(--color_1);
    text-decoration: underline;
}

.about_me {
    background-color: var(--color_1);
}

.propic {
    width: 300px;
    height: 300px;
    background-image: url(../images/bg.jpg);
    background-size: cover;
    margin: auto;
    border-radius: 20000px;
}





@media (max-width: 767px) {
    
    .white-background {
        margin: 2em 0;
        width: 100%;
    }

}