<template>
    <div id="app">
        <router-view/>
    </div>
</template>

<style>
    #app {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        display: block;
        margin: 0 auto;
        font-family: Avenir, Helvetica, Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-align: center;
        color: #2c3e50;
        background-color: #01355B;
    }
    .el-message-box__wrapper .el-message-box {
        color: #015B9E;
        background: #061B44;
    }
    .el-message-box__wrapper .el-input__inner {
        color: #015B9E;
        background-color: #061B44;
        border: 1px solid #015B9E;
    }
    .el-message-box__wrapper .el-message-box__title {
        color: #6DC1FF;
    }
    .el-message-box__wrapper .el-message-box__message {
        color: #6DC1FF;
    }
    .el-message-box__wrapper .el-button {
        background-color: #061B44;
        color: #015B9E;
        border: 1px solid #015B9E;
    }
</style>
