.backColor {
    background: #a2e5ff;
    background: -moz-linear-gradient(top, #a2e5ff 0%, #0a0a0a 100%);
    background: -webkit-linear-gradient(top, #a2e5ff 0%,#0a0a0a 100%);
    background: linear-gradient(to bottom, #a2e5ff 0%,#0a0a0a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0054', endColorstr='#0a0a0a',GradientType=0 );
}

.fontAiner {
    width: 100%;
    height:auto;
    max-height:320px;
    max-width:1300px;
    margin:auto auto;
    position:absolute;top:0;bottom:0;left:0;right:0;

}

.logo {
    width: 100%;
    height:auto;
    margin: 0 ;
    display: inline-block;

}

.font {
    font-size: 14.5vw;
    font-family: Code_Pro_Light;
    color: cornsilk;



}

.heart {
    animation: beat 1.7s infinite alternate;
    animation-name: fadeInOut;
    transform-origin: center;

}

.fontAiner2 {
    width: 100%;
    height:auto;
    max-height:320px;
    max-width:1300px;
    margin:auto auto;
    position:absolute;top:0;bottom:0;left:0;right:0;
}

@media only screen and (max-width: 1280px) {
    .fontAiner {
        width: 100%;
        height: auto;
        max-height: 160px;
        max-width: 1300px;
        margin: auto auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
}

@media only screen and (max-width: 600px) {
    .fontAiner {
        width: 100%;
        height: auto;
        max-height: 130px;
        max-width: 1300px;
        margin: auto auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
}

/* Heart beat animation */
@keyframes beat{
    to { transform: scale(1.01); }
}

@keyframes fadeInOut {
    0% {
        opacity: 0;
    }

    45% {
        opacity: 0.7;
    }

    100% {
        opacity: 0;
    }
}

@font-face {
    font-family: Code_Pro_Light;
    src: url(/fonts/Code_Pro_Light_Demo.otf);
}