﻿
h1 {
    font-weight: normal;
}

a {
    text-decoration: none;
    font-weight: bold;
    background: linear-gradient(135deg, rgba(43,171,217,1) 0%, rgba(0,130,200,1) 100%);
    -webkit-background-clip: text;
    color: transparent;
}

html, body {
/*    background: linear-gradient(135deg, rgba(43,171,217,1) 0%, rgba(0,130,200,1) 100%);
*/    font-family: "Montserrat", Arial;
}

.teste {
    background-color: #F8F8F8;
    border-radius: 1.5em;
    min-width: 400px;
    width: 30%;
    padding: 2.6em 3.8em;
    cursor: pointer;
    transform: translate(-50%, -50%);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1), 0 8px 8px rgba(0, 0, 0, 0.1), 0 16px 16px rgba(0, 0, 0, 0.1), 0 32px 32px rgba(0, 0, 0, 0.15), 0 64px 64px rgba(0, 0, 0, 0.15);
}

.note::after {
    content: '';
    width: 20%;
    height: 2px;
    border-radius: 999px;
    background-color: #AFAFAF;
    background: linear-gradient(135deg, rgba(43,171,217,1) 0%, rgba(0,130,200,1) 100%);
    position: absolute;
    top: -1.8em;
    left: 0;
}

.note {
    font-size: 0.8em;
    color: #8A8A8A;
    position: relative;
    margin-top: 4em;
}

/* Scroller styling */
.scroller {
    height: 1.2em;
    line-height: 1.2em;
    position: relative;
    overflow: hidden;
    width: 14em;
}

    .scroller > span {
        color:white;
        position: absolute;
        top: 0;
        animation: slide 5s infinite;
        font-weight: bold;
    }


.scroller2 {
    height: 1.3em;
    line-height: 1.2em;
    position: absolute;
    overflow: hidden;
    right:6% !important;
    width: 6.5em;
}
    .scroller2 > span {
        position: absolute;
        top: 0;
        margin-top: 2px;
        animation: slide2 5s infinite;
        left: 0% !important;
        text-align: center
    }

@keyframes slide {
    0% {
        top: 0;
    }

    25% {
        top: -1.2em;
    }

    50% {
        top: -2.4em;
    }

    75% {
        top: -3.6em;
    }
}

@keyframes slide2 {
    0% {
        top: 0em;
    }

    25% {
        top: -1.2em;
    }

    50% {
        top: -2.5em;
    }


}

