@import "reset.css";

header {
    max-width: 100%;
    height: auto;
    padding: 2rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo {
    width: 15rem;
}

.body {
    max-width: 100%;
    line-height: 1.5rem;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

p {
    margin-bottom: 1rem;
}

.tio-container {
    margin-top: 3rem;
}

.tio {
    width: 100%;
    height: 100%;
}

.content {
    width: 70%;
    margin: 2rem 15rem;
}

@media (max-width: 768px) {
    .body {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .content {
        width: 80%;
        margin: 2rem;
    }

    .logo {
        width: 20rem;
    }
}