@media ( max-width: 768px) {
    body {
        color: black;
    }
}

body {
    width: 100%;
}

.title {
    width: 100%;
    background-color: blueviolet;
    text-align: center;
    font-weight: bold;
    font-size: 30px;
    padding-top: 30px;
    padding-bottom: 20px;
    color: white
}

.text {
    text-align: center;
}

.input-box {
    margin: auto;
    width: 80%;
}

.button {
    text-align: center;
}

.source {
    text-align: center;
}

.main-img {
    width: 40vw;
    height: 30vh
}