:root {
    --body-bg: #f8fafc;
    --home-bg: #94a3b8;
    --text-color-focus: #86198f;
}

body {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: medium;
}

.main {
    background-color: var(--body-bg);
    color: #082f49;
    display: flex;
    flex-direction: column;
    gap: 70px;
}

.vanilla-container {
    width: 65dvw;
    margin: 0 auto;
}

.btn1 {
    width: fit-content;
    height: fit-content;
    padding: 5px 20px;
    border-radius: 20px;
    cursor: pointer;
    border: 1px solid white;
    color: white;
    margin-top: 20px;
}

.btn1:hover {
    padding: 5px 40px;
    transform: scale(1.09);
    transition: 1.5s;
    background-color: white;
    color: orange;
    border: 1px solid orange;
}

@media (max-width:1000px) {
    .vanilla-container {
        width: 90dvw;
    }
}

@media (min-width:2000px) {
    .vanilla-container {
        width: 40dvw;
    }
}