html, body {
    width: 100%;
    height: 100%;
    margin: 0px;
}

@media (max-width: 1200px) and (orientation: portrait) {
    body {
        background-color: transparent;
        background-image: linear-gradient(transparent 99%, rgb(234, 205, 185) 15%), linear-gradient(to right, transparent 99%, rgb(234, 205, 185) 1%);
        background-size: 53px 53px, 53px 53px;
        transform: perspective(1400px) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform-style: preserve-3d;
    }

    body * {
            transform-style: preserve-3d;
            font-size: 60px;
        }

    .ani-box {
        height:157px;
    }

    .gwd-img-1uxs {
        position: absolute;
        width: 50px;
        height: 50px;
        left: 3px;
        top: 3px;
    }

    .gwd-img-iyki {
        position: absolute;
        left: 3px;
        top: 3px;
        width: 50px;
        height: 50px;
        transform: translate3d(0px, 0px, 0px);
        visibility: visible;
    }

    @keyframes gwd-gen-erafgwdanimation_gwd-keyframes {
        0% {
            transform: translate3d(0px, 0px, 0px);
            animation-timing-function: linear;
        }

        100% {
            transform: translate3d(0px, 53px, 0px);
            animation-timing-function: linear;
        }
    }

    .htmlNoPages .gwd-gen-erafgwdanimation {
        animation: 0.6s linear 0s 1 normal forwards running gwd-gen-erafgwdanimation_gwd-keyframes;
    }

    .gwd-img-q7e8 {
        position: absolute;
        left: 3px;
        top: 3px;
        width: 50px;
        height: 50px;
        transform: translate3d(0px, 0px, 0px);
    }

    @keyframes gwd-gen-tca4gwdanimation_gwd-keyframes {
        0% {
            transform: translate3d(0px, 0px, 0px);
            animation-timing-function: linear;
        }

        54.5455% {
            transform: translate3d(0px, 0px, 0px);
            animation-timing-function: linear;
        }

        100% {
            transform: translate3d(53px, 0px, 0px);
            animation-timing-function: linear;
        }
    }

    .htmlNoPages .gwd-gen-tca4gwdanimation {
        animation: 1.1s linear 0s 1 normal forwards running gwd-gen-tca4gwdanimation_gwd-keyframes;
    }

    @keyframes gwd-gen-1fmfgwdanimation_gwd-keyframes {
        0% {
            transform: translate3d(0px, 0px, 0px);
            animation-timing-function: linear;
        }

        28.5714% {
            transform: translate3d(0px, 0px, 0px);
            animation-timing-function: linear;
        }

        52.381% {
            transform: translate3d(53px, 0px, 0px);
            animation-timing-function: linear;
        }

        76.1905% {
            transform: translate3d(106px, 0px, 0px);
            animation-timing-function: linear;
        }

        100% {
            transform: translate3d(106px, 1px, 0px);
            animation-timing-function: linear;
        }
    }

    .htmlNoPages .gwd-gen-1fmfgwdanimation {
        animation: 2.1s linear 0s 1 normal forwards running gwd-gen-1fmfgwdanimation_gwd-keyframes;
    }

    .gwd-img-9bfj {
        position: absolute;
        left: 3px;
        top: 3px;
        width: 50px;
        height: 50px;
        transform: translate3d(0px, 0px, 0px);
    }

    @keyframes gwd-gen-1b5vgwdanimation_gwd-keyframes {
        0% {
            transform: translate3d(0px, 0px, 0px);
            animation-timing-function: linear;
        }

        23.0769% {
            transform: translate3d(0px, 0px, 0px);
            animation-timing-function: linear;
        }

        42.3077% {
            transform: translate3d(53px, 0px, 0px);
            animation-timing-function: linear;
        }

        61.5385% {
            transform: translate3d(106px, 0px, 0px);
            animation-timing-function: linear;
        }

        80.7692% {
            transform: translate3d(160px, 0px, 0px);
            animation-timing-function: linear;
        }

        100% {
            transform: translate3d(160px, 0px, 0px);
            animation-timing-function: linear;
        }
    }

    .htmlNoPages .gwd-gen-1b5vgwdanimation {
        animation: 2.6s linear 0s 1 normal forwards running gwd-gen-1b5vgwdanimation_gwd-keyframes;
    }

    .gwd-img-xpqa {
        position: absolute;
        left: 3px;
        top: 3px;
        width: 50px;
        height: 50px;
        transform: translate3d(0px, 0px, 0px);
    }

    @keyframes gwd-gen-1j7kgwdanimation_gwd-keyframes {
        0% {
            transform: translate3d(0px, 0px, 0px);
            animation-timing-function: linear;
        }

        23.0769% {
            transform: translate3d(0px, 0px, 0px);
            animation-timing-function: linear;
        }

        42.3077% {
            transform: translate3d(53px, 0px, 0px);
            animation-timing-function: linear;
        }

        61.5385% {
            transform: translate3d(106px, 0px, 0px);
            animation-timing-function: linear;
        }

        80.7692% {
            transform: translate3d(160px, 0px, 0px);
            animation-timing-function: linear;
        }

        100% {
            transform: translate3d(160px, 53px, 0px);
            animation-timing-function: linear;
        }
    }

    .htmlNoPages .gwd-gen-1j7kgwdanimation {
        animation: 2.6s linear 0s 1 normal forwards running gwd-gen-1j7kgwdanimation_gwd-keyframes;
    }

    .gwd-img-1gj7 {
        position: absolute;
        left: 3px;
        top: 3px;
        width: 50px;
        height: 50px;
        transform: translate3d(0px, 0px, 0px);
    }

    .gwd-img-1k2l {
        position: absolute;
        left: 216px;
        top: 3px;
        width: 0px;
        height: 0px;
    }

    @keyframes gwd-gen-1el6gwdanimation_gwd-keyframes {
        0% {
            height: 0px;
            top: 103px;
            width: 0px;
            left: 216px;
            animation-timing-function: linear;
        }

        80.7692% {
            height: 50px;
            top: 107px;
            width: 0px;
            left: 3px;
            animation-timing-function: linear;
        }

        100% {
            height: 50px;
            top: 107px;
            width: 316px;
            left: 3px;
            animation-timing-function: linear;
        }
    }

    .htmlNoPages .gwd-gen-1el6gwdanimation {
        animation: 2.6s linear 0s 1 normal forwards running gwd-gen-1el6gwdanimation_gwd-keyframes;
    }

    #greeting {
        font-size: 30px;
        font-family: 'CarbonType', cursive;
        color: black;
    }

    #intro{
        height:70px;
    }

    #nfe{
        height:50px;
		vertical-align: bottom;
    }
	#eon{
        height:60px;
		vertical-align: bottom;
    }
	#token{
        height:70px;
		vertical-align: bottom;
    }
	#eontoken{
        height:140px;
		vertical-align: bottom;
    }
	
}

@media (max-width: 1200px) and (orientation: landscape) {
    body {
        background-color: transparent;
        background-image: linear-gradient(transparent 99%, rgb(234, 205, 185) 15%), linear-gradient(to right, transparent 99%, rgb(234, 205, 185) 1%);
        background-size: 53px 53px, 53px 53px;
        transform: perspective(1400px) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform-style: preserve-3d;
    }

        body * {
            transform-style: preserve-3d;
        }

    .ani-box {
        height: 157px;
    }

    .gwd-img-1uxs {
        position: absolute;
        width: 50px;
        height: 50px;
        left: 3px;
        top: 3px;
    }

    .gwd-img-iyki {
        position: absolute;
        left: 3px;
        top: 3px;
        width: 50px;
        height: 50px;
        transform: translate3d(0px, 0px, 0px);
        visibility: visible;
    }

    @keyframes gwd-gen-erafgwdanimation_gwd-keyframes {
        0% {
            transform: translate3d(0px, 0px, 0px);
            animation-timing-function: linear;
        }

        100% {
            transform: translate3d(0px, 53px, 0px);
            animation-timing-function: linear;
        }
    }

    .htmlNoPages .gwd-gen-erafgwdanimation {
        animation: 0.6s linear 0s 1 normal forwards running gwd-gen-erafgwdanimation_gwd-keyframes;
    }

    .gwd-img-q7e8 {
        position: absolute;
        left: 3px;
        top: 3px;
        width: 50px;
        height: 50px;
        transform: translate3d(0px, 0px, 0px);
    }

    @keyframes gwd-gen-tca4gwdanimation_gwd-keyframes {
        0% {
            transform: translate3d(0px, 0px, 0px);
            animation-timing-function: linear;
        }

        54.5455% {
            transform: translate3d(0px, 0px, 0px);
            animation-timing-function: linear;
        }

        100% {
            transform: translate3d(53px, 0px, 0px);
            animation-timing-function: linear;
        }
    }

    .htmlNoPages .gwd-gen-tca4gwdanimation {
        animation: 1.1s linear 0s 1 normal forwards running gwd-gen-tca4gwdanimation_gwd-keyframes;
    }

    @keyframes gwd-gen-1fmfgwdanimation_gwd-keyframes {
        0% {
            transform: translate3d(0px, 0px, 0px);
            animation-timing-function: linear;
        }

        28.5714% {
            transform: translate3d(0px, 0px, 0px);
            animation-timing-function: linear;
        }

        52.381% {
            transform: translate3d(53px, 0px, 0px);
            animation-timing-function: linear;
        }

        76.1905% {
            transform: translate3d(106px, 0px, 0px);
            animation-timing-function: linear;
        }

        100% {
            transform: translate3d(106px, 1px, 0px);
            animation-timing-function: linear;
        }
    }

    .htmlNoPages .gwd-gen-1fmfgwdanimation {
        animation: 2.1s linear 0s 1 normal forwards running gwd-gen-1fmfgwdanimation_gwd-keyframes;
    }

    .gwd-img-9bfj {
        position: absolute;
        left: 3px;
        top: 3px;
        width: 50px;
        height: 50px;
        transform: translate3d(0px, 0px, 0px);
    }

    @keyframes gwd-gen-1b5vgwdanimation_gwd-keyframes {
        0% {
            transform: translate3d(0px, 0px, 0px);
            animation-timing-function: linear;
        }

        23.0769% {
            transform: translate3d(0px, 0px, 0px);
            animation-timing-function: linear;
        }

        42.3077% {
            transform: translate3d(53px, 0px, 0px);
            animation-timing-function: linear;
        }

        61.5385% {
            transform: translate3d(106px, 0px, 0px);
            animation-timing-function: linear;
        }

        80.7692% {
            transform: translate3d(160px, 0px, 0px);
            animation-timing-function: linear;
        }

        100% {
            transform: translate3d(160px, 0px, 0px);
            animation-timing-function: linear;
        }
    }

    .htmlNoPages .gwd-gen-1b5vgwdanimation {
        animation: 2.6s linear 0s 1 normal forwards running gwd-gen-1b5vgwdanimation_gwd-keyframes;
    }

    .gwd-img-xpqa {
        position: absolute;
        left: 3px;
        top: 3px;
        width: 50px;
        height: 50px;
        transform: translate3d(0px, 0px, 0px);
    }

    @keyframes gwd-gen-1j7kgwdanimation_gwd-keyframes {
        0% {
            transform: translate3d(0px, 0px, 0px);
            animation-timing-function: linear;
        }

        23.0769% {
            transform: translate3d(0px, 0px, 0px);
            animation-timing-function: linear;
        }

        42.3077% {
            transform: translate3d(53px, 0px, 0px);
            animation-timing-function: linear;
        }

        61.5385% {
            transform: translate3d(106px, 0px, 0px);
            animation-timing-function: linear;
        }

        80.7692% {
            transform: translate3d(160px, 0px, 0px);
            animation-timing-function: linear;
        }

        100% {
            transform: translate3d(160px, 53px, 0px);
            animation-timing-function: linear;
        }
    }

    .htmlNoPages .gwd-gen-1j7kgwdanimation {
        animation: 2.6s linear 0s 1 normal forwards running gwd-gen-1j7kgwdanimation_gwd-keyframes;
    }

    .gwd-img-1gj7 {
        position: absolute;
        left: 3px;
        top: 3px;
        width: 50px;
        height: 50px;
        transform: translate3d(0px, 0px, 0px);
    }

    .gwd-img-1k2l {
        position: absolute;
        left: 216px;
        top: 3px;
        width: 0px;
        height: 0px;
    }

    @keyframes gwd-gen-1el6gwdanimation_gwd-keyframes {
        0% {
            height: 0px;
            top: 103px;
            width: 0px;
            left: 216px;
            animation-timing-function: linear;
        }

        80.7692% {
            height: 50px;
            top: 3px;
            width: 0px;
            left: 216px;
            animation-timing-function: linear;
        }

        100% {
            height: 50px;
            top: 3px;
            width: 316px;
            left: 216px;
            animation-timing-function: linear;
        }
    }

    .htmlNoPages .gwd-gen-1el6gwdanimation {
        animation: 2.6s linear 0s 1 normal forwards running gwd-gen-1el6gwdanimation_gwd-keyframes;
    }

    #greeting {
        font-size: 30px;
        font-family: 'CarbonType', cursive;
        color: black;
    }

    #intro {
        height: 70px;
    }

    #nfe {
        height: 50px;
		vertical-align: bottom;
    }
	#eon{
        height:60px;
		vertical-align: bottom;
    }
	#token{
        height:70px;
		vertical-align: bottom;
    }
	#eontoken{
        height:140px;
		vertical-align: bottom;
    }
}

@media (min-width: 1201px) {
    body {
        background-color: transparent;
        background-image: linear-gradient(transparent 99.5%, rgb(234, 205, 185) 0.5%), linear-gradient(to right, transparent 99.5%, rgb(234, 205, 185) 0.5%);
        background-size: 107px 107px, 107px 107px;
        transform: perspective(1400px) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform-style: preserve-3d;
    }

        body * {
            transform-style: preserve-3d;
        }

    .ani-box {
        height: 214px;
    }

    .gwd-img-1uxs {
        position: absolute;
        width: 100px;
        height: 100px;
        left: 3px;
        top: 3px;
    }

    .gwd-img-iyki {
        position: absolute;
        left: 3px;
        top: 3px;
        width: 100px;
        height: 100px;
        transform: translate3d(0px, 0px, 0px);
        visibility: visible;
    }

    @keyframes gwd-gen-erafgwdanimation_gwd-keyframes {
        0% {
            transform: translate3d(0px, 0px, 0px);
            animation-timing-function: linear;
        }

        100% {
            transform: translate3d(0px, 107px, 0px);
            animation-timing-function: linear;
        }
    }

    .htmlNoPages .gwd-gen-erafgwdanimation {
        animation: 0.6s linear 0s 1 normal forwards running gwd-gen-erafgwdanimation_gwd-keyframes;
    }

    .gwd-img-q7e8 {
        position: absolute;
        left: 3px;
        top: 3px;
        width: 100px;
        height: 100px;
        transform: translate3d(0px, 0px, 0px);
    }

    @keyframes gwd-gen-tca4gwdanimation_gwd-keyframes {
        0% {
            transform: translate3d(0px, 0px, 0px);
            animation-timing-function: linear;
        }

        54.5455% {
            transform: translate3d(0px, 0px, 0px);
            animation-timing-function: linear;
        }

        100% {
            transform: translate3d(107px, 0px, 0px);
            animation-timing-function: linear;
        }
    }

    .htmlNoPages .gwd-gen-tca4gwdanimation {
        animation: 1.1s linear 0s 1 normal forwards running gwd-gen-tca4gwdanimation_gwd-keyframes;
    }

    @keyframes gwd-gen-1fmfgwdanimation_gwd-keyframes {
        0% {
            transform: translate3d(0px, 0px, 0px);
            animation-timing-function: linear;
        }

        28.5714% {
            transform: translate3d(0px, 0px, 0px);
            animation-timing-function: linear;
        }

        52.381% {
            transform: translate3d(107px, 0px, 0px);
            animation-timing-function: linear;
        }

        76.1905% {
            transform: translate3d(214px, 0px, 0px);
            animation-timing-function: linear;
        }

        100% {
            transform: translate3d(214px, 1px, 0px);
            animation-timing-function: linear;
        }
    }

    .htmlNoPages .gwd-gen-1fmfgwdanimation {
        animation: 2.1s linear 0s 1 normal forwards running gwd-gen-1fmfgwdanimation_gwd-keyframes;
    }

    .gwd-img-9bfj {
        position: absolute;
        left: 3px;
        top: 3px;
        width: 100px;
        height: 100px;
        transform: translate3d(0px, 0px, 0px);
    }

    @keyframes gwd-gen-1b5vgwdanimation_gwd-keyframes {
        0% {
            transform: translate3d(0px, 0px, 0px);
            animation-timing-function: linear;
        }

        23.0769% {
            transform: translate3d(0px, 0px, 0px);
            animation-timing-function: linear;
        }

        42.3077% {
            transform: translate3d(107px, 0px, 0px);
            animation-timing-function: linear;
        }

        61.5385% {
            transform: translate3d(214px, 0px, 0px);
            animation-timing-function: linear;
        }

        80.7692% {
            transform: translate3d(321px, 0px, 0px);
            animation-timing-function: linear;
        }

        100% {
            transform: translate3d(321px, 0px, 0px);
            animation-timing-function: linear;
        }
    }

    .htmlNoPages .gwd-gen-1b5vgwdanimation {
        animation: 2.6s linear 0s 1 normal forwards running gwd-gen-1b5vgwdanimation_gwd-keyframes;
    }

    .gwd-img-xpqa {
        position: absolute;
        left: 3px;
        top: 3px;
        width: 100px;
        height: 100px;
        transform: translate3d(0px, 0px, 0px);
    }

    @keyframes gwd-gen-1j7kgwdanimation_gwd-keyframes {
        0% {
            transform: translate3d(0px, 0px, 0px);
            animation-timing-function: linear;
        }

        23.0769% {
            transform: translate3d(0px, 0px, 0px);
            animation-timing-function: linear;
        }

        42.3077% {
            transform: translate3d(107px, 0px, 0px);
            animation-timing-function: linear;
        }

        61.5385% {
            transform: translate3d(215px, 1px, 0px);
            animation-timing-function: linear;
        }

        80.7692% {
            transform: translate3d(322px, 2px, 0px);
            animation-timing-function: linear;
        }

        100% {
            transform: translate3d(321px, 107px, 0px);
            animation-timing-function: linear;
        }
    }

    .htmlNoPages .gwd-gen-1j7kgwdanimation {
        animation: 2.6s linear 0s 1 normal forwards running gwd-gen-1j7kgwdanimation_gwd-keyframes;
    }

    .gwd-img-1gj7 {
        position: absolute;
        left: 3px;
        top: 3px;
        width: 100px;
        height: 100px;
        transform: translate3d(0px, 0px, 0px);
    }

    .gwd-img-1k2l {
        position: absolute;
        left: 432px;
        top: 3px;
        width: 0px;
        height: 0px;
    }

    @keyframes gwd-gen-1el6gwdanimation_gwd-keyframes {
        0% {
            height: 0px;
            top: 3px;
            width: 0px;
            left: 432px;
            animation-timing-function: linear;
        }

        80.7692% {
            height: 100px;
            top: 3px;
            width: 0px;
            left: 432px;
            animation-timing-function: linear;
        }

        100% {
            height: 100px;
            top: 3px;
            width: 552px;
            left: 432px;
            animation-timing-function: linear;
        }
    }

    .htmlNoPages .gwd-gen-1el6gwdanimation {
        animation: 2.6s linear 0s 1 normal forwards running gwd-gen-1el6gwdanimation_gwd-keyframes;
    }

    #greeting {
        font-size: 60px;
        font-family: 'CarbonType', cursive;
        color: black;
    }
    #intro {
        height: 140px;
    }

    #nfe {
        height: 100px;
    }
	#eon{
        height:90px;
		vertical-align: bottom;
		
    }
	#token{
        height:120px;
		vertical-align: bottom;
    }
	#eontoken{
        height:220px;
		horizontal-align: left;
    }
}