body {
    background-color: #202124;
}

#setting {
    display: block;
    position: absolute;
    top: 4.5vw;
    right: 4.5vw;
    font-size: 3.5vw;
    letter-spacing: 0.3vw;
    color: #9d9d9d;
}

#logo {
    display: block;
    /*width: 16vw;*/
    height: 16vw;
    margin: 35vw auto 0 auto;
}

#setting {
    position: absolute;
    top: 35vw;

}

#search_bar {
    position: relative;
    margin: 11vw auto 0 auto;
    width: 91vw;
    height: 11vw;
    border-radius: 3.5vw;
    background-color: #fff;
}

#search_bar_icon {
    position: absolute;
    width: 5vw;
    height: 5vw;
    left: 3.5vw;
    top: 3vw;
}

#search_bar_text {
    position: absolute;
    margin: 0;
    padding: 0;
    border: 0;
    width: 70vw;
    height: 11vw;
    left: 10vw;
    top: 0vw;
    font-size: 3.2vw;
    line-height: 5vw;
    text-indent: 1vw;
    outline: none;
}

#search_bar_submit {
    position: absolute;
    width: 5.8vw;
    height: 5.8vw;
    right: 3.5vw;
    top: 2.6vw;
    box-shadow: none;
    outline: none;
}

#links {
    margin: 8vw auto 0 auto;
    width: 95vw;
}

.links_item {
    float: left;
    width: 19vw;
}

.links_item_icon {
    display: block;
    width: 9vw;
    height: 9vw;
    margin: 0 auto;
    border-radius: 17.5%;
}

.links_item_text {
    height: 9vw;
    line-height: 9vw;
    font-size: 3.2vw;
    color: #fff;
    text-align: center;
}