@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@200&display=swap');

ul,
li {
    list-style: none;
}

.text-right {
    text-align: right !important;
}

.text_start {
    text-align: start;
}

.margin_a {
    margin: auto;
}

.float_l {
    float: left;
}

.float_r {
    float: right;
}

.table {
    display: table;
}

.d-flex {
    display: flex;
}

.justify-content {
    justify-content: center;
}

.justify-content-space-between {
    justify-content: space-between;
}

.overflow-hidden {
    overflow: hidden;
}

img,
video {
    max-width: 100%;
    height: auto;
}

/*top鍵*/
.toTop-arrow {
    width: 3rem;
    height: 3rem;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 10%;
    opacity: 0.6;
    background: #333;
    cursor: pointer;
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    display: none;
    z-index: 100;
}

.toTop-arrow::before {
    transform: rotate(-45deg) translate(0, -50%);
    left: 0.5rem;
}

.toTop-arrow::after {
    transform: rotate(45deg) translate(0, -50%);
    right: 0.5rem;
}

.toTop-arrow:focus,
.toTop-arrow:hover {
    outline: none;
    opacity: 1;
}

/*top鍵*/


/* 滾動到一定距離後啟用固定 */
.fixed-header {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1030;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}


@keyframes float {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-6px);
    }

    100% {
        transform: translateY(0);
    }
}