@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kodchasan:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:100,200,300,regular,500,600,700,100italic,200italic,300italic,italic,500italic,600italic,700italic');


/* *{
    border: 1px solid black;
} */
/* 
.hide-sidebar{
    width:5vw;
    transition-duration: 150ms;
}

.extend-main{
    width:80vw;
    transition-duration: 150ms;
}

.extend-info{
    width:40vw;
    transition-duration: 150ms;
}

.hide-sidebar ul li a h3{
    display: none;
    transition-duration:150ms;
}

.hide-sidebar footer ul li a h3{
    display: none;
}

.hide-sidebar footer ul li a{
    margin: 0;
}

.hide-sidebar ul li a{
    display: flex;
    justify-content: center;
}

.hide-sidebar .wrapper .logo span{
    display: none;
    transition-duration:150ms;
}

.hide-sidebar .wrapper .logo{
    margin-top:20px;
}

.hide-sidebar .wrapper{
    padding:10px;
}

.hide-sidebar button{
    transform: rotate(180deg);
} */

.terlihat{
    /* @apply top-0 right-0; */
    right : 0px;
    transition-duration:150ms;
    /* top : 0px; */
}

.terhilang{
    right : -25vw;
}