body{
    background-color: #f1f6ff;
    background-image: url(/imgs/banner-bg-3840.jpg);
    background-repeat: no-repeat;
    background-size: 1920px auto;
    background-position: center 170px;
    overflow-x: hidden;
    width: 100%;
    box-sizing: border-box;
}
*{
    box-sizing: border-box !important;
}
a{
    color:#1e5c9d; text-decoration: none;
}
/*header*/
.top-header{
    background-color: #1e5c9d;
    height: 120px;
    width: 100%;
    overflow: hidden;
}
.top-header .header-container{
    max-width: 1280px;
    margin:auto;
    position: relative;
    background-image: url(/imgs/ld.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: auto 80%;
    height: 120px;
}
.top-header .header-container .logo{
    height: 100%;
    box-sizing: border-box;
    padding:20px;
}
.top-header .header-container .logo img{
    height: 80px; user-select: none; pointer-events: none;
}
.top-header .header-container a{
    color: #fff; text-decoration: none;
}
.top-header .header-container .top-links{
   position: absolute; top:12px; right:20px; color:#fff;
   font-size: 12px; opacity: 0.8;
}



.top-links{
    background-color: #fff;
}
.top-links .links-container{
    max-width: 1260px;
    margin:auto;
    height:40px; line-height: 40px;
}
.top-links .links-container a{
    color: #333; text-decoration: none;
}

.top-links .links-container .links{
    font-size: 12px; color:#333; opacity: 0.8;
    display: flex;
}

.top-links .links-container .links a
{
    display: block; margin-left: 15px;
}
.top-links .links-container .links a:first-child{
    margin-left: 0;
}


.top-links .links-container .left-links{
    float: left; margin-left: 10px;
}
.top-links .links-container .right-links{
    float: right;
}

/*导航条*/
.navigation{
    background-color: #fff;
    height: 50px;
    box-shadow: 0px 1px 2px #ccc;
    width: 100%;
}
.navigation .navigation-container{
    max-width: 1260px;
    margin:auto;
}
.navigation .navigation-container *{
    margin:0; padding:0;
}
.navigation .navigation-container ul li{
    list-style: none;
}
.navigation .navigation-container .nav a{
    color:#333; text-decoration: none;
}
.navigation .navigation-container .nav{
    display: flex;
    line-height: 50px;
    justify-content: flex-start
}
.nav .menu{
    text-align: center;
    border-bottom: #fff 2px solid;
    height:48px; position: relative;
    width: 140px;
    border-right: rgba(0, 0, 0, 0.02) 1px solid;
    transition: border-bottom 0.2s ease-in-out;
}
ul.nav li.menu.show-more{
    display: none;
}

.nav .menu:last-child{
    border-right: none;
}
.nav .menu:hover{
    border-bottom: 2px solid #1e5c9d;
}
.nav .menu a{
    display: block;
}
.nav .menu .sub-nav{
    display: none;
    position: absolute;
    z-index: 9;
    background-color: rgba(255,255,255, 0.85);
    width: 100%;
    padding:5px;
    box-sizing: border-box;
    font-size: 15px;
}
.nav .menu:hover .sub-nav{
    display: block !important;
}

.nav .menu .sub-nav.more-items{
    width:300px;  overflow: hidden;
}
.nav .menu .sub-nav.more-items .sub-menu{
    width:140px; float: left;
}
.nav .menu .sub-nav.more-items .sub-menu:nth-child(even)
{
    float: right;
}
.nav .menu .sub-nav .sub-menu{
    border-bottom: 1px dotted rgba(0, 0, 0, 0.5);
}
.nav .menu .sub-nav .sub-menu:last-child{
    border-bottom: none;
}
.nav .menu .sub-nav .sub-menu a{
    color:#333;
}
.nav .menu .sub-nav .sub-menu a:hover{
    font-weight: 700;
}

/*轮播图*/
.banner{
    margin-top:10px;
    width: 100%; overflow: hidden;
}
.banner .swiper-container{
    max-width: 1260px; margin:auto;
    transition: all 0.3s ease;
}
.banner .swiper {
    width: 100%;
    height: 408px;
}

.banner .swiper-slide img{
    width: 100%; height:408px;
}

.banner .swiper-button-next,.banner .swiper-button-prev {
    color: rgba(255, 255, 255, 0.6);
    display: none;
}
.banner .swiper-pagination-bullet-active {
    background: rgba(255, 255, 255, 0.5);
}
.banner:hover .swiper-button-next,.banner:hover .swiper-button-prev{
    display: block;
}

/*新闻*/
.news{
    overflow: hidden;
    margin-top:15px;
    width: 100%; overflow: hidden;
}
.news *{
    box-sizing: border-box;
}
.news .news-container{
    max-width: 1260px; margin:auto;
    min-height: 300px;
}
.news-block{
    background-color: rgba(255, 255, 255, 0.65);
    padding:15px; 
    /* box-shadow:0px 2px 3px rgba(0, 0, 0, 0.1); */
}
.news-center{
    max-width: 1260px; margin:auto;
}
.news-center .news-detail{
    display: flex; justify-content: space-between;
}
.news-center .news-detail .side-screen{
    width: 587px;overflow: hidden;
    border-radius: 10px;
    display: flex; justify-content: center; align-items: center;
}
.news-center .news-detail .side-screen .screen-swiper{
    width: 580px; height:325px; overflow: hidden;
}

.news-center .news-detail .side-screen .screen-swiper img{
    width: auto; display: block; border-radius: 4px;
    min-height: 100%; width: 100%;
}
.news-center .news-detail .news-list{
    width: 630px;
}
.news-center .news-detail .news-list a.news-info{
    width: 100%; overflow: hidden; margin-top:5px;
    display: block; text-decoration: none; color:#333;
    display: flex; justify-content: space-between;
}
.news-center .news-detail .news-list .news-info:first-child{
    margin-top:0;
}

.news-center .news-detail .news-list .news-info .release-time{
    width: 80px; height:65px; overflow: hidden;
    display: flex; justify-content: center; align-items: center;
    color:#999; border-right: 1px solid #ddd;
}

.news-center .news-detail .news-list .news-info .news-contents{
    display: flex; width: 540px;
    flex-wrap: wrap;align-content: center;
}
.news-center .news-detail .news-list .news-info .news-contents h2.news-title{
    margin:0; font-weight: normal;
    font-size:18px; width: 100%; margin-bottom:10px;
    margin-block-end:0.38em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-center .news-detail .news-list .news-info .news-contents p.news-brief{
    margin:0; font-weight: normal; width: 100%;
    font-size: 14px; color:#888;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.news-center .news-detail .news-list a.news-info.checked h2.news-title{
    font-weight: 700;
}

.news-center .news-detail .news-list a.news-info.checked p.news-brief{
    font-weight: 700;
}


.news-center .news-detail .news-list .news-info .release-time p{
    margin:0; text-align: center;
}
.news-center .news-detail .news-list .news-info .release-time .month{
    font-size: 18px; color:#1e5c9d;
    display: inline-block; margin-right:2px;
}
.news-center .news-detail .news-list .news-info .release-time .day{
    font-size: 20px; color:#1e5c9d; display: inline-block; margin-left:2px;
}
.news-center .news-detail .news-list .news-info .release-time .year{
    font-size: 16px; color:#666;
}
.history-news{
    max-width: 1260px; margin:auto;
    padding-bottom:3px;
    display: flex; justify-content: space-between;
    
}
.top-news{
    width: 625px;
}
.top-news .title-nav , .media-news .title-nav{
    justify-content: center;
}

div.news > div > div.news-block.news-center.fade-in > div.title-nav
{
    justify-content: center;
    margin-bottom: 12px;
    width: 100%;
}

/* .gotoNewsCenter{
    background-color: #1e5c9d; color:#fff; display: block;
    padding:4px 10px; text-decoration: none; border-radius: 4px;
    transition: all 0.3s ease-in-out; margin-top:5px;
}

.gotoNewsCenter:hover{
    padding:4px 16px; opacity: 0.8;
} */

/*要闻*/
.top-news .top-news-contents{
    overflow: hidden;
}

.top-news .top-news-contents .news-box{
    display: flex; color:#333; text-decoration: none;
    justify-content: space-between;
    margin-top:14px; position: relative;
}

.top-news .top-news-contents .news-box .news-cover{
    width: 200px; height:112px;
    background-color: #f1f1f1; border-radius: 4px;
    overflow: hidden; position: relative;
}

.top-news .top-news-contents .news-box .news-cover img{
    width: 200px; height:112px;
    display: block; position: absolute;
    left:0; top:0;
    transition: all 0.3s ease-in-out;
}

.top-news .top-news-contents .news-box:hover img{
    width: 210px; height:118px;
    left:-5px;
}

.top-news .top-news-contents .news-box .news-info{
    /* padding:10px 0; */
    width: 380px; 
}
.top-news .top-news-contents .news-box p{
    margin-bottom: 0; 
    font-size: 14px; color:#666;
    margin-top:0;
}

.top-news .top-news-contents .news-box h2.news-title{
    margin:0; font-weight: normal; font-size:18px;
    text-align: justify; line-height: 1.6em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 64px;
}

.top-news .top-news-contents .news-box:hover h2.news-title{
    color:#000;
}


/*时政要闻*/
div.news-detail.shizheng {
    display: flex;
    flex-wrap: wrap; /* 允许换行 */
    flex-direction: column;
    gap:10px 50px; /* 子元素之间的间距 */
    height: 105px;
}

div.news-detail.shizheng .line {
    width: calc(50% - 25px);
    display: flex; justify-content: space-between;
    border-bottom:1px dotted transparent;
    padding-bottom: 5px;
}


div.news-detail.shizheng .line:hover{
    border-bottom:1px dotted rgba(30, 92, 157, .5);
}

div.news-detail.shizheng .line > a{
    width: calc(100% - 40px);
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    font-size:18px;
    color:#333;
}

div.news-detail.shizheng .line > span{
    width: 100px; display: block;
    text-align: right; font-family: '隶书'; user-select: none;
    color:rgba(30, 92, 157);
}

/*媒体看雷火电竞-国内最权威电竞博彩平台*/
.media-news{
    width: 625px;
    position: relative;
    padding-bottom: 30px;
    /* background-image: url(/imgs/media-news/bg.png);
    background-repeat: no-repeat;
    background-size: 220px auto;
    background-position: right bottom; */
}

.media-news .news-contents .media-news-link
{
    display: block; color:#333; text-decoration: none;
    font-size: 18px;
    margin-top: 15px;
    align-items: center;
    line-height: 20px;
}

.media-news .news-contents .media-news-link span.media-type{
    background-color: #ff3333; color:#fff;
    display: block; font-size: 14px; float:left;
    width: 95px; text-align: center; padding:2px 0;
    margin-top:-2px; opacity: 0.8; border-radius: 2px;
}

.media-news .news-contents .media-news-link span.media-title{
    display: block;margin-left: 103px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.media-news .news-contents .media-news-link:hover{
    opacity: 0.8;
}

.media-news .more,.news-center .more{
    color: #3f7ab7; margin:auto;
    display: block; text-decoration: none;
    transition: all 0.3s ease-in-out; font-size: 14px;
    max-width: 400px; 
    text-align: center; position: absolute; right:10px; bottom:10px;
}
.more:hover{
    opacity: 0.6;
}


.media-news .more:hover{
    border-bottom: 1px solid #1e5c9d;
}

/*影像校园*/
.media{
    width: 625px;
    min-height:400px; 
    background-color: rgba(255, 255, 255, 0.65);
    padding: 15px;
    box-sizing: border-box;
}
.media .title-nav{
    justify-content: center; 
}
.media .title-nav img{
    display: block; height: 60px;
}
.media .media-container{
    display: flex;
    flex-wrap: wrap;
    padding-top:10px;
}
.media .media-container.shisheng{
    display: block;
}
.media .media-container a.media-link{
    display: block; color:#333; font-size: 16px;
    text-decoration: none;
    width:200px; margin:auto; 
    margin-top:4px;
    
}
.media .media-container a.media-link .cover{
    width:200px; overflow: hidden; position: relative;
    height: 112px; border-radius: 5px; overflow: hidden;
}
.media .media-container a.media-link .cover img{
    width:200px; display: block;
    user-select: none;
    transition: all 0.3s ease-in-out;
    position: absolute;  
    top: 50%;  
    left: 50%;  
    transform: translate(-50%, -50%);  
}
.media .media-container a.media-link p.desc{
    margin:0;
    padding:4px 0px; font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height:42px;
}
.media .media-container a.media-link:hover .cover img{
    width:220px;
}


/*影像校园播放器*/
.player-box{
     display: none;
}
.player-box.media_player{
    position: fixed;
    top: 0; left:0; bottom:0; right:0;
    background-color: rgba( 0, 0, 0, 0.5 );
    z-index: 90;
}
.other-news{
    max-width: 1260px; margin:auto;
    display: flex; justify-content: space-between;
    margin-top:12px; 
    width: 100%; overflow: hidden;
}
.other-news .sp{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 15px;
    font-size: 18px;
    display: block;
}
#player{
    max-width: 920px;
    width: 100%;
    margin:auto;
    position: relative;
    height: fit-content;
    cursor: pointer;
    box-sizing: border-box;
    padding:10px;
}
#player video {
    width: 100%;
    height: auto;
    display: block;
}
#player.paused:before {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    z-index: 9;
    opacity: 1;
    background-image: url(https://www.ynudcc.cn/schools/2024/_img/play2.png);
    background-repeat: no-repeat;
    background-size: 100px;
    background-position: center;
    transition: all 0.3s ease-in-out;
    opacity: 0.7;
}
#player:after{
    content: "点击阴影关闭视频";
    position: absolute; display: block;
    bottom:-30px; width: 100%; text-align: center;
    left:0;
    color:#fff; pointer-events: none;
}
#player.paused:hover::before {
    background-color: rgba(255, 255, 255, 0.3);
    background-size: 120px;
}

/*信息公开*/
.notice{
    /* width:790px; */
    width: 100% !important;
    padding-top:20px;
    background-color: rgba(255, 255, 255, 0.65);
    padding: 15px;
    box-sizing: border-box;
}
.notice .title-nav{
    justify-content: center; 
}
.notice .title-nav img{
    display: block; height: 60px;
}
.notice .notice-container{
    display: block;
    /* background-image: url(/imgs/bg-notice.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size:700px; */
    padding:15px;
}

.notice .notice-container .notice-list{
    padding:0; margin:0; list-style:none;
}

.notice .notice-container .notice-list li.notice-li{
    list-style:none; position:relative;
    height:60px; margin-bottom:10px;transition: all 0.3s ;
    width: auto; padding-right: 15px;
    display: flex; align-items: center;
    background: rgba( 255, 255, 255, 0.5 );
    border-radius: 5px;
}

.notice .notice-container .notice-list li.notice-li:last-child{
    margin-bottom:0;
}

.notice .notice-container .notice-list li.notice-li:hover{
    background: rgba( 255, 255, 255, 0.2 );
    box-shadow: 0 0px 3px 0 rgba( 31, 38, 135, 0.37 );
    
    background: rgba( 255, 255, 255, 0.8 );
}

.notice .notice-container .notice-list li.notice-li a{
    display: flex; align-items: center;
    color:#333;text-decoration: none;
    font-size:20px; margin-left: 90px;
    transition: all 0.3s ; height:50px;
    width: 100%;
}

.notice .notice-container .notice-list li.notice-li a:hover{
    font-weight: 700;
}

.notice .notice-container .notice-list li.notice-li .timeBox{
    position: absolute; left:0; top:0;
    width:70px;
    height: 60px; background-color: rgba(51, 102, 153, 1);
    color:rgba(255, 255, 255, 0.85); text-align: center;
    border-radius: 4px; padding-top:9px;
    box-sizing: border-box; font-size:14px;
}

.notice .notice-container .notice-list li.notice-li .timeBox span{
    display: block;  font-size:20px; color:#fff;
}

/*教学单位*/
.detpSchools{
    min-height:400px; padding-top:60px;
    background-image: url(/imgs/bg-schools.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%; overflow: hidden;
}
.detpSchools .title-nav{
    justify-content: center; 
}
.detpSchools .title-nav img{
    display: block; height: 60px;
}
.detpSchools .detpSchools-container{
    width: 1260px; margin:auto;
    padding:15px; box-sizing: border-box;
}
.detpSchools .detpSchools-container .detpSchools-list{
    display: flex;
    flex-wrap: wrap; width: 100%;
    justify-content: space-between;
}
.detpSchools .detpSchools-container .detpSchools-list .school{
    position:relative;

    width: 550px; height: 260px;
    margin-left: 50px;
    margin-top:30px;

    background: rgba( 255, 255, 255, 0.6 );
    box-shadow: 0 4px 8px 0 rgba( 31, 38, 135, 0.37 );
    backdrop-filter: blur( 4.5px );
    -webkit-backdrop-filter: blur( 4.5px );
    border-radius: 10px;
    border: 1px solid rgba( 255, 255, 255, 0.18 );
}

.detpSchools .detpSchools-container .detpSchools-list .school img.school-cover{
    position: absolute; width:275px;
    left:-50px; top:30px;
    display: block; border-radius: 6px;
    pointer-events: none;user-select: none;
}

.detpSchools .detpSchools-container .detpSchools-list .school .school-title{
    font-size: 30px; font-weight: 700;
    margin-left:220px; line-height: 90px;
    color:#1e5c9d;
    text-align: center;
    padding-top:20px;
}

.detpSchools .detpSchools-container .detpSchools-list .school .school-title img{
    display: block; pointer-events: none;
    width:280px; margin:auto; user-select: none;
}


.detpSchools .detpSchools-container .detpSchools-list .school .school-contents{
    margin-left:220px; 
    color:#1e5c9d;
    text-align: center;
    background-color: rgba( 255, 255, 255, 0.5 );
    height:96px; margin-top:10px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.detpSchools .detpSchools-container .detpSchools-list .school .school-contents p{
    margin:0; font-size: 16px;
}

.detpSchools .detpSchools-container .detpSchools-list .school a.link{
    position: absolute;
    left:280px;
    bottom:20px;
    width: 210px;
    border-top: 1px dotted #1e5c9d;
    border-bottom: 1px dotted #1e5c9d;
    display: block; text-align: center;
    color:#1e5c9d; 
    background-color: rgba( 255, 255, 255, 0.5 );
    /* background-color: rgba(51, 102, 153, 0.1); */
    height:30px; line-height: 30px; text-decoration: none;
    border-radius: 6px;
}

/*主要内容*/
.main{
    min-height:400px;
    margin-top:45px;
}

.main h1.title{
    text-align: center;
    color:#1e5c9d;
    text-shadow: 2px 0 #fff,
        -2px 0 #fff,
        0 2px #fff,
        0 -2px #fff,
        2px 2px #fff,
        -2px -2px #fff,
        2px -2px #fff,
        -2px 2px #fff;
    letter-spacing: 2px;
    font-size: 34px;
}

.main .main-container{
    width: 1260px; margin:auto;
    padding:25px; background-color: rgba( 255, 255, 255, 0.95 );
    text-align: justify;
}

.main .main-container p{
    text-align: justify;
}

/*职能部门*/
.department{
    min-height:400px; padding-top:60px;
    background-image: url(/imgs/video-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.department .title-nav{
    justify-content: center; 
}
.department .title-nav img{
    display: block; height: 60px;
}
.department .department-container{
    width: 1260px; margin:auto;
    display: flex;
    flex-wrap: wrap;
    padding:15px;
}
.department .department-container .department-list{
    display: flex;
    flex-wrap: wrap; width: 100%;
    justify-content: space-between;
}

.department .department-container .department-list .dept{
    position: relative;
    box-shadow: 10px 10px 0px rgba( 30, 92, 157, 0.37 );
    width: 400px; height: 300px; border-radius: 6px;
    background-color: #1e5c9d; color:#fff;
    padding:20px 40px; box-sizing: border-box;
    background-image: url(/imgs/depts/01.png);
    background-size: 100px;
    background-repeat: no-repeat;
    background-position: right 10px bottom 10px;
    margin-bottom:25px;
}

.department .department-container .department-list .dept.plus{
    width: 830px;
}

.department .department-container .department-list .dept h3{
    font-size:36px; margin:0;
    line-height: 50px; 
}

.department .department-container .department-list .dept p{
    line-height: 1.8em;
}
.department .department-container .department-list .dept .links{
    display: flex; position: absolute;
    flex-wrap: wrap; justify-content: space-between;
    left:320px; top:85px; width:210px;
}
.department .department-container .department-list .dept .links a{
    display: block; color:#fff; border-bottom: dotted 1px #fff;
    text-decoration: none; line-height: 1.4em;
    padding-left:24px;
    background-image: url(/imgs/depts/link.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: left;
    font-size: 18px;
    margin-bottom: 10px;
}
.department .department-container .department-list .dept .links a:first-child{
    margin-left: 0;
}
.department .department-container .department-list .dept .links a:hover{
    opacity: 0.7;
}
.department .department-container .department-list .dept .qrcode-list{
    display: flex;
}

.department .department-container .department-list .dept .qrcode-list .qrcode-item{
    width:100px; text-align: center; margin-right:20px;
}

.department .department-container .department-list .dept .qrcode-list .qrcode-item p{
    margin:0; margin-top:5px; line-height: 1em; font-size: 12px; font-weight: normal;
}

.department .department-container .department-list .dept  .qrcode{
    display: block; width:100px;
}

/*底部*/
.footer{
    background-color: #1e5c9d; margin-top:140px;
    padding-top:30px; padding-bottom:30px;
}
.footer .footer-container{
    max-width: 1260px; margin:auto; overflow: hidden;
    display: flex; justify-content: space-between;
}

.footer .footer-container .wechat{
    width:280px; display: flex; justify-content: space-between;
}

.footer .footer-container .wechat .qrcode{
    width: 120px;
}

.footer .footer-container .wechat .qrcode img{
    display: block; width: 130px; margin:auto;
}

.footer .footer-container .wechat .qrcode p{
    text-align: center; color:#fff; font-size: 12px;
    margin-bottom: 0;
}

.footer .footer-container .more-info{
    color:#fff; font-size: 14px;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    align-content: flex-end
}

.footer .footer-container .xiaoqu{
    width: 100%; text-align: right;
    margin-bottom: 15px; display: flex; justify-content: right;
}
.footer .footer-container .xiaoqu .xiaoqu-content{
    width: fit-content; background-color: rgba( 255, 255, 255, 0.1 );
    border-radius:4px; overflow: hidden; padding:5px 15px
}
.footer .footer-container .beian{
    color:#fff; font-size: 14px; width: 100%; 
    padding-right: 15px;
}

.footer .footer-container .beian *{
    margin:0;
}
.footer .footer-container .beian p{
    width: 100%; text-align: right; margin-bottom: 10px;
}
.footer .footer-container .beian div{
    display:flex;justify-content:right; align-items:center;margin-right:0; width:100%;
}
.footer .footer-container .beian a{
    color:#fff; text-decoration: none;
}

/*全局*/
.title-nav
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
}

.title-nav.bottom-line{
    border-bottom: 1px solid #ddd;
    width: 80%; margin:auto;
}

.title-nav .title
{
    font-size: 24px; font-weight: 700;
    color:#1e5c9d;
    text-shadow: 2px 0 #fff,
        -2px 0 #fff,
        0 2px #fff,
        0 -2px #fff,
        2px 2px #fff,
        -2px -2px #fff,
        2px -2px #fff,
        -2px 2px #fff;
    letter-spacing: 2px;
    user-select: none;
}