.logo {
    width: 128px;
    height: 128px;
    border-radius: 18%;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    margin-bottom: 15px;
}

.appstore {
    margin-top: 10px;
    width: 180px;
    height: 60px;
}

.playstore {
    margin-top: 10px;
    width: 202px;
    height: 60px;
}

.iphone {
    max-height: 85vh;
    max-height: 512px;
}

.feature-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    margin-bottom: 1rem;
    font-size: 2rem;
    color: #fff;
    border-radius: .75rem;
}

.feature .bi {
    vertical-align: -.125em;
    fill: currentColor;
}

.icon-link {
    display: inline-flex;
    align-items: center;
}

.icon-link > .bi {
    margin-top: .125rem;
    margin-left: .125rem;
    transition: transform .25s ease-in-out;
    fill: currentColor;
}

.icon-link:hover > .bi {
    transform: translate(.25rem);
}

.card {
    border-radius: 10px;
}

.card-text {
    overflow-x: scroll;
}

.symbols {
    line-height: 2.5;
}

.symbols code {
    display: inline-block;
    line-height: 1.5;
}

.text-custom {
    color: #1950D7;
}

.bg-custom {
    background-color: #1950D7;
}

.link-custom {
    color: #1950D7;
}

.link-custom:hover, .link-custom:focus {
    color: #31A9FD;
}

.btn-custom {
    background-color: #1950D7;
    border-color: #1950D7;
    color: #fff;
}

.btn-custom:hover, .btn-custom:focus {
    background-color: #1950D7;
    border-color: #31A9FD;
    color: #fff;
}

.rounded-iphone {
    border-top-left-radius: 2.5rem !important;
    border-top-right-radius: 2.5rem !important;
}

.rounded-ipad {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
}