#selector{
    display: flex;
	justify-content: center;
    margin:2vmin 0;
}

#selector a{
    margin:0 3vmin;
    color:gray;
    width:10vmin;
    font-size:2vmin;
    line-height:3vmin;
    text-align: center;
    text-wrap:nowrap;
}

#selector a:before{
    content: "";
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    height:0.2vmin;
    width:100%;
    bottom:0;
    background:gray;
}

#selector a:after{
    content: "";
    position:absolute;
    left:0;
    height:0.2vmin;
    width:0;
    bottom:0;
    background:black;
    transition: width 1s;
}

#selector a:hover{
    color:black;
}

#selector a:hover:after{
    width:100%;
}

.selected{
    font-weight: bold;
    color:black !important;
}

.selected:before{
    background:black !important;
}
.selected:after{
    width:100% !important;
}
#newsList{
    display: flex;
    flex-flow: column;
}

#newsList a{
    height:6vmin;
    width:100%;
    color:black;
    transition: opacity 0.5s, translate 0.5s;
    margin:1vmin 0;
}

#newsList a:hover{
    translate: -0.5vmin;
    opacity:0.5;
}

#newsList a:before{
    position:absolute;
    top:0.5vmin;
    left:1vmin;
    font-weight: bold;
    font-size:1.5vmin;
    line-height:2vmin;
}

#newsList a:after{
    content: "";
    position:absolute;
    top:0;
    left:0;
    width:0.5vmin;
    height:6vmin;
}

#newsList .title{
    position:absolute;
    font-size:2vmin;
    line-height: 4vmin;
    left:1vmin;
    bottom:0;
}

#newsList .date{
    position:absolute;
    font-size:1.5vmin;
    line-height: 4vmin;
    right:0;
    bottom:0;
}

#newsList .tag{
    position:absolute;
    font-size:1.5vmin;
    line-height: 1.5vmin;
    padding: 0.25vmin 1vmin;
    right:1vmin;
    top:0;
    color:gray;
    background:lightgray;
}

#newsList .line{
    margin:0 auto;
    width:90%;
    height:0.1vmin;
    background:gray;
}

#pageShift{
    margin:2vmin auto;
    display:flex;
    justify-content: center;
    outline:solid black;
    width:16vmin;
    padding:1vmin;
    border-radius:2vmin;
}

#pageShift a{
    width:3vmin;
    text-align: center;
    line-height: 2vmin;
    font-size: 2vmin;
    color:lightgray;
}

#pageShift a:any-link{
    color:black;
}

#pageShift p{
    width:10vmin;
    line-height: 2vmin;
}