﻿body {
    font-family: gothamBook;
    color: black;
    padding-top: 0px;
    padding-left: 25px;
    padding-right: 25px;
    background-color: rgb(72,146,207);
}

  .divMain {
        position: absolute;
        height: 80%;
        width: 50%;
        /*background-color: #327fd6;*/
        /* background-color: rgb(72,146,207); */
        /* border-radius: 0% 0% 25% 25%; */
    }

    .center_vertical {
        position: absolute;
        top: 25%;
        left: 50%;
        /* transform: translate(-50%,0%); */
    }

    .logoMain {
        /*position: absolute;*/
        top: 5%;
        left: 10%;
        /*float: right;*/
        /* transform: translate(-50%,-125%); */
    }



        .logoMain img {
            height: 50%;
            width: 50%;
        }

    .btn-welcome {
        color: white;
        font-size: 25px;
        border: none;
        background: transparent;
        margin: 0px;
    }

    .welcomeHeader {
        color: white;
        text-align: center;
        font-size: 72px;
        font-family: bigNoodle;
        text-shadow: -5px 5px 15px #0d0d0d;
    }

    .accountTitle {
        color: black;
    }

    @media (min-height: 600px) {
        .center_vertical {
            max-height: 250px;
        }

        .welcomeHeader {
            font-size: 100px;
        }
    }

    @media (min-height: 700px) {
        .center_vertical {
            max-height: 612px;
        }

        .welcomeHeader {
            font-size: 100px;
        }
    }

    .animate-click-welcome {
        -webkit-animation: action 1s infinite alternate;
        animation: action 1s infinite alternate;
    }

    @-webkit-keyframes action {
        0% {
            transform: translateY(0);
        }

        100% {
            transform: translateY(-10px);
        }
    }

    @keyframes action {
        0% {
            transform: translateY(0);
        }

        100% {
            transform: translateY(-10px);
        }
    }

@font-face {
    font-family: gothamMedium;
    src: url(fonts/Gotham-Medium.ttf) format('truetype');
}

@font-face { /* for IE */
    font-family: gothamMedium;
    src: url(fonts/Gotham-Medium.eot) format('embedded-opentype');
}

@font-face {
    font-family: gothamMedium;
    src: url(fonts/Gotham-Medium.woff);
}

@font-face {
    font-family: gothamBook;
    src: url(fonts/Gotham-Book.ttf) format('truetype');
}

@font-face {
    font-family: gothamBook;
    src: url(fonts/Gotham-Book.eot) format('embedded-opentype');
}

@font-face {
    font-family: gothamBook;
    src: url(fonts/Gotham-Book.woff);
}

@font-face {
    font-family: bigNoodle;
    src: url(fonts/big_noodle_titling.ttf) format('truetype');
}

@font-face {
    font-family: bigNoodle;
    src: url(fonts/big_noodle_titling.eot) format('embedded-opentype');
}

@font-face {
    font-family: bigNoodle;
    src: url(fonts/big_noodle_titling.woff);
}
