html, body {
    background-color: #202020;
    color: #606060;
    font-family: 'Raleway', sans-serif;
    font-weight: 100;
    height: 100vh;
    margin: 0;
}

.blur {
    filter: blur(10px); /* FireFox, Chrome, Opera */

    -webkit-filter: blur(10px); /* Chrome, Opera */
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);

    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); /* IE6~IE9 */
}

.full-height {
    height: 100vh;
}

.flex-center {
    align-items: center;
    display: flex;
    justify-content: center;
}

.position-ref {
    position: relative;
}

.top-right {
    position: absolute;
    right: 10px;
    top: 18px;
}

.content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    min-height: 100vh;
}

@media (min-width: 992px){
    .top-menu{
        display: flex;
    }
    .content{
        padding-top: 78px;
    }
}

@media (max-width: 991px){
    .top-menu{
        display: flex;
    }
    .content{
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

.title {
    font-size: 10vmin;
}

.title > div{
    margin-bottom: 4vh;
}

.title > small{
    display: block;
    margin-bottom: 10px;
    font-weight: 300;
}

.links a {
    color: #606060;
    padding: 0 25px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .1rem;
    text-decoration: none;
    text-transform: uppercase;
}

.m-b-md {
    margin-bottom: 30px;
}
.p-2-6{
    padding:2vmin 8vmin;
}
.come-soon{
    font-size: 4vmin;
    max-width: 500px;
}

.f-2{
    font-size: 2.5vmin;
}

.f-3{
    font-size: 4vmin;
}


.b0{
    background: #90909000;
}
.b1{
    background: #90909010;
}
.b2{
    background: #90909020;
}
.b3{
    background: #90909030;
}
.b4{
    background: #90909040;
}
.b5{
    background: #90909050;
}
.b6{
    background: #90909060;
}
.b7{
    background: #90909070;
}
.b8{
    background: #90909080;
}
.b9{
    background: #90909090;
}
.ba{
    background: #a0a0a090;
}
.bb{
    background: #b0b0b090;
}
.bc{
    background: #c0c0c090;
}
.bd{
    background: #d0d0d090;
}
.be{
    background: #e0e0e090;
}
.bf{
    background: #f0f0f090;
}

.c0{
    color: #90909000;
}
.c1{
    color: #90909010;
}
.c2{
    color: #90909020;
}
.c3{
    color: #90909030;
}
.c4{
    color: #90909040;
}
.c5{
    color: #90909050;
}
.c6{
    color: #90909060;
}
.c7{
    color: #90909070;
}
.c8{
    color: #90909080;
}
.c9{
    color: #90909090;
}
.ca{
    color: #a0a0a090;
}
.cb{
    color: #b0b0b090;
}
.cc{
    color: #c0c0c090;
}
.cd{
    color: #d0d0d090;
}
.ce{
    color: #e0e0e090;
}
.cf{
    color: #f0f0f090;
}

.radius-10{
    border-radius:10px;
}
.radius-20{
    border-radius:20px;
}
.radius-30{
    border-radius:30px;
}
.radius-40{
    border-radius:40px;
}


/*在谷歌下移除input[number]的上下箭头*/
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0;
}
/*在firefox下移除input[number]的上下箭头*/
input[type="number"]{-moz-appearance:textfield;}


/*!*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*!*/
/*::-webkit-scrollbar*/
/*{*/
    /*width: 10px;*/
    /*height: 10px;*/
    /*background-color: transparent;*/
/*}*/

/*!*定义滚动条轨道 内阴影+圆角*!*/
/*::-webkit-scrollbar-track*/
/*{*/
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    /*border-radius: 10px;*/
    /*background-color: transparent;*/
/*}*/

/*!*定义滑块 内阴影+圆角*!*/
/*::-webkit-scrollbar-thumb {*/
    /*border-radius: 10px;*/
    /*-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);*/
    /*background-color: #505050;*/
/*}*/

/*body{*/
    /*scrollbar-face-color: #1f7ebe;        !*滚动条凸出部分的颜色*!*/
    /*scrollbar-highlight-color: #1f7ebe;    !*滚动条空白部分的颜色*!*/
    /*scrollbar-shadow-color: #1f7ebe;     !*立体滚动条阴影的颜色*!*/
    /*scrollbar-3dlight-color: #1f7ebe;     !*滚动条亮边的颜色*!*/
    /*scrollbar-arrow-color: #1f7ebe;     !*上下按钮上三角箭头的颜色*!*/
    /*scrollbar-track-color: transparent;     !*滚动条的背景颜色*!*/
    /*scrollbar-darkshadow-color: #1f7ebe;     !*滚动条强阴影的颜色*!*/
    /*scrollbar-base-color: #1f7ebe;     !*滚动条的基本颜色*!*/
/*}*/