body {
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

code {
    font-family: source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace
}

.App {
    text-align: center
}

.App-header {
    background: #e5edef;
    width: 100%;
    height: 60px
}

.App-content, .App-header {
    box-shadow: 0 0 6px 0 rgba(97, 106, 133, .21)
}

.App-content {
    padding-top: 50px;
    padding-bottom: 50px;
    width: 1300px;
    /*height: 678px;*/
    background: #fff;
    margin-left: calc(50% - 650px);
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: flex-start
}

.App-title {
    font-family: LucidaGrande-Bold;
    font-size: 22px;
    color: #212c48;
    letter-spacing: -.43px;
    text-align: center;
    /*line-height: 60px;*/
    margin: 0
}

.App-link {
    width: 200px;
    height: 120px;
    background: #fff;
    box-shadow: 0 3px 11px 0 rgba(165, 196, 219, .26);
    border-radius: 9px;
    margin: 15.3px 18.35px;
    cursor: pointer;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center
}

.App-link.hide {
    cursor: default;
    opacity: 0
}

.App-link > img {
    max-height: 110px;
    max-width: 130px
}

.App-line {
    width: 1012px;
    height: 0;
    display: inline-block;
    border-bottom: 1px solid #f2f7fd;
    margin: 10px 0
}

.App-link:hover {
    border: 1px solid #0b8fe2
}

@media screen and (max-width: 640px) {
    .App-header {
        height: 14.66666666666667vw;
        background: #e5edef;
        box-shadow: 0 0 6px 0 rgba(97, 106, 133, .21)
    }

    .App-title {
        line-height: 14.66666666666667vw
    }

    .App-link {
        width: 27.73333333333333vw;
        height: 17.06666666666667vw;
        border-radius: 2.4vw;
        margin: 2.133333333333333vw
    }

    .App-content {
        width: 100vw;
        height: calc(100vh - 14.66667vw);
        margin: 0;
        padding: 2.133333333333333vw 0 0 2.133333333333333vw;
        box-sizing: border-box;
        justify-content: flex-start;
        overflow: auto
    }

    .App-link > img {
        max-height: 13.33333333333333vw;
        max-width: 24vw
    }
}

@-webkit-keyframes App-logo-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes App-logo-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

/*# sourceMappingURL=main.9124a7f4.chunk.css.map */