* {
    font-family: 'Orbitron', sans-serif;
}

html {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    background-color: #2F4959;
}

.logo-container {
    position: relative;
}

@media (min-width: 600px) {
    .banner {
        width: 100vw;
        height: 390px;
        object-fit: cover;
    }

    .logo {
        position: absolute;
        padding: 0;
        margin: 0;
        left: 3rem;
        top: 3rem;
    }

    #about-section {
        background-color: #F2BC8D;
        padding: 1rem;
        font-size: larger;
        font-weight: 500;
    }

    .chart-column {
        height: 35rem;
    }
}

/* Cell phone */
@media (max-width: 600px) {
    .banner {
        display: none;
    }

    .logo {
        padding: 0;
        margin: 0;
        width: 100vw;
        object-fit: contain;
        background-color: #f26849ff
    }

    #about-section {
        background-color: #F2BC8D;
        padding: 1rem;
        font-size: medium;
        font-weight: 500;
    }

    .chart-column {
        height: 75vw;
    }
}

.navbar {
    padding-left: 2.4rem;
    padding-right: 2.4rem;
}

.about-col {
    padding: 2rem;
}

#markets-section {
    padding: 3rem;
}

.footer {
    padding: 2rem;
    background-color: #F2BC8D;
}

.footer-text {
    font-size: x-small;
    font-weight: 400;
}