/* smartphones*/
@media (max-width: 700px) and (orientation: portrait) {
    body {
        min-height: 100vh;
    }

    main {
        flex-direction: column;
        margin-bottom: 20%;
    }

    .container {
        margin-left: 20%;
        margin-bottom: 10%;
    }

    .title {
        font-size: 2.5rem;
    }

    .title-explicacao {
        font-weight: 900;
        margin-bottom: 10%;
        display: flex;
    }

    input {
        width: 90px;
    }

    .seta {
        width: 20%;
    }

    .container-calculo {
        padding: 5%;
    }

    .title-explicacao {
        margin-top: -15%;
    }

    .btn-colorfull {
        margin-top: 10%;
    }
}