.sidebar{
    width: 30%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 30px;
    position: sticky;
    top: 80px;
}

/* title */

.sidebar p{
    font-size: 15px;
    color: var(--text1);
}

/* --- Sidebar links --- */

.sidebar_links{
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* link */

.sidebar_links a{
    width: fit-content;
    font-size: 13px;
    text-decoration: none;
    color: var(--text2);
    transition: 0.3s;
}

.sidebar_links a:hover{
    cursor: pointer;
    opacity: 0.7;
}

/* --- Go back --- */

.go_back{
    width: fit-content;
    font-size: 14px;
    text-decoration: underline;
    color: var(--blue);
    transition: 0.3s;
}

.go_back:hover{
    cursor: pointer;
    opacity: 0.7;
}

/* span */

.go_back span{
    display: inline-block;
    transform: rotate(-180deg);
}

/* --- Media --- */

@media screen and (max-width: 800px) {
    
    .sidebar{
        width: 100%;
        position: relative;
        top: 0;
    }
}