/* ********** imports ********** */

/* import font files */
@font-face {
    font-family: SourceHanSansCN_B;
    src: url("../fonts/SourceHanSansCN_B.otf");
}

/* ********** #main part ********** */

/* set the styles of the .tip in the #main part */
#main .tip {
    border: 3px solid rgb(61, 105, 181);
    font-family: SourceHanSansCN_B;
    font-size: 1.8em;
    margin-top: 100px;
    padding: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* set the styles of the <a> tag in the .tip */
#main .tip a {
    border: 2px solid rgb(61, 105, 181);
    padding: 5px;
    font-family: SourceHanSansCN_B;
    font-size: 0.8em;
    color: black;
    text-decoration: none;
    transition: all 0.15s ease-in-out 0s;
}

/* run a animation when the <a> tag in the .tip on hover */
#main .tip a:hover {
    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.189);
}