.logo{
    display: block;
    position: absolute;
    top: 50px;
    left: 60px;
    width: 107px;
    height: 60px;
    background-image: url("/assets/images/logo_full.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.logoEyeLeft{
    display: block;
    position: absolute;
    top: 27px;
    left: 30px;
    width: 44px;
    height: 30px;
    background-color: #ffff00;
    animation: logoEyeLeftAni 4s ease-in-out infinite;
}

.logoTextWrap{
    display: block;
    position: absolute;
    top:40px;
    left: 10px;
}

.logoTextTop, .logoTextBot{
    display:block;
    position: relative;
    inline-height:1.2;
    font-size:40px;
    font-family: airstrike;
    text-align: center;
}

.logoTextTop{
    color: #ffffff;
    text-shadow: 5px 5px 10px #3ddde9;
    animation: logoTextTopAni 8s ease-in-out infinite;
}

.logoTextBot{
    top:80px;
    color: #001729;
    text-shadow: 5px 5px 10px #b1e8ec;
    animation: logoTextBotAni 8s ease-in-out infinite;
}

.logoCoc{
    display: block;
    position: absolute;
    top: 30px;
    left: 720px;
    width: 218px;
    height: 100px;
    background-image: url("/assets/images/logo_coc_01.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.logoParent{
    display: block;
    position: absolute;
    top: 400px;
    left: 0px;
    width: 147px;
    height: 100px;
    background-image: url("/assets/images/logo_parent.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}

@keyframes logoEyeLeftAni {
    0% {background-color: #ff0000;}
    50% {background-color: #ffff00;}
    100% {background-color: #ff0000;}
}

@keyframes logoTextTopAni {
    0% {color: #ffffff;
        text-shadow: 5px 5px 10px #3ddde9;
    }
    50% {color: #001729;
        text-shadow: 5px 5px 10px #b1e8ec;
    }
    100% {color: #ffffff;
        text-shadow: 5px 5px 10px #3ddde9;
    }
}

@keyframes logoTextBotAni {
    0% {color: #001729;
        text-shadow: 5px 5px 10px #b1e8ec;
    }
    50% {color: #ffffff;
        text-shadow: 5px 5px 10px #3ddde9;
    }
    100% {color: #001729;
        text-shadow: 5px 5px 10px #b1e8ec;
    }
}