body {
    font-family: "Arial", sans-serif;
}

.col-md-4.aside-right .app img {
    padding: 10px 0;
}

.col-md-8.aside-left img {
    animation: ani-rocket 3s linear infinite;
    transition: 1s ease-in-out;
}

.aside-right img {
    animation: ani-zoom 0.8s linear infinite;
}

h2.header-custom__logo img {
    width: 300px;
}

h2.header-custom__logo {
    margin-bottom: 3rem;
}

header#header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
}

.header-custom--left p {
    text-transform: capitalize;
    font-weight: bold;
    font-size: 20px;
}

.header-custom--left {
    text-align: center;
}

.header-custom--left button {
    width: 70%;
    border: 1px solid #fff;
    border-radius: 50px;
    padding: 15px;
    background-color: #125798;
    color: #fff;
    font-size: 27px;
    animation: ani-zoom 0.8s linear infinite;
}

.header-custom--top {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.col-md-4.aside-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.form-group.submit img {
    animation: ani-zoom 0.8s linear infinite;
}

.image-home img {
    height: 800px;
}

@keyframes smooth-pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 10px rgba(249, 126, 254, 0.6);
    }
    50% {
        transform: scale(1.12);
        box-shadow: 0 0 30px rgba(249, 126, 254, 1);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 10px rgba(249, 126, 254, 0.6);
    }
}

a.btn-link {
    background: linear-gradient(to top, #DA22FF 0%, #9733EE  51%, #DA22FF  100%);
    color: #fff;
    padding: 15px 25px;
    border-radius: 50px;
    text-decoration: none;
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: 2px solid rgba(249, 126, 254, 0.6);
    transition: all 0.3s ease-in-out;
    animation: smooth-pulse 1.5s infinite ease-in-out;
}

a.btn-link:hover {
    background: radial-gradient(#DA22FF 0%, #9733EE  51%, #DA22FF  100%);
    transform: scale(1.15);
    box-shadow: 0 0 40px #080a30;
}


/* CSS for mobile devices */
@media only screen and (max-width: 767px) {
    .image-home img {
        height: 100%;
    }

    h2.header-custom__logo img {
        width: 200px;
    }

    form {
        flex-direction: column;
        align-items: center;
    }

    .form-group.name {
        width: 80%;
        padding: 2rem 0;
    }

    .form-group.name input {
        padding: 10px;
    }

    .row.content-home .content-main {
        padding: 20px;
    }

    .row.content-home h2 {
        font-size: 24px;
    }

    .row.content-home::before {
        width: 200px;
    }

    .row.content-home::after {
        width: 150px;
        top: 5px;
    }

    span.form-text {
        font-size: 14px;
    }
}