* {
    border: 0px solid red;
}

.about-banner-img {
    background-image: url('/images/about.png');
    background-repeat: repeat-x;
    background-size: cover;
    height: 30vw;
    background-position-y: center;
    background-position-x: center;
}

.about-banner-txt {
    color: beige;
    text-align: center;
    margin-left: 2vw;
    margin-right: 2vw;
}

.about-banner-header {
    font-size: clamp(25px, 3vw, 40px);
    font-weight: bold;
    color: beige;
}

.about-banner-txt p {
    font-size: clamp(15px, 3vw, 30px);
    font-weight: normal;
    margin: auto;
    text-align: center;
}

body {
    font-family: 'Roboto', sans-serif;
    background-color: rgb(30, 30, 30);
    width: 60vw;
    margin: auto;
}

@media (max-width: 1200px) {
    body {
        width: 100%;
        margin: auto;
    }
}