.BookmarkSection { padding: 70px 15% 100px ; }

.BookmarkBox0 { position: relative; width: 100% ; height: fit-content ; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) ; margin: 0 0 0.02rem ; border-radius: 5px ; padding: 0.3rem ;  }


.BookmarkBox1 { float: left; width: fit-content ; background-color: rgba(36, 145, 28, 0); display: flex; }
.BookmarkImageBox{ width: 3rem; height: 3rem; display: flex; justify-content: center; align-items: center; overflow: hidden; background-color: rgb(0, 0, 0); border-radius: 5px ; }
.BookmarkImage { height: 105%; }
.BookmarkTitle { float: left ; width: fit-content ; display: flex; align-items: center; padding: 0 1rem 0 ; font-weight: 600; background-color: rgba(176, 36, 36, 0); }



.BookmarkIconBox1 { float: right; height: 3rem; width: fit-content ; background-color: rgba(16, 213, 213, 0);  }

.BookmarkIconBox2 { float: right; height: 3rem; width: 3rem; background-color: rgba(134, 134, 134, 0.1); display: flex; justify-content: center; align-items: center; cursor: pointer; margin: 0 0.1rem 0 ; border-radius: 0.5rem; }
.BookmarkIcon { height: 1.2rem ; background-color: rgba(137, 43, 226, 0); }







@media screen and ( max-width: 1700px ) {
}

@media screen and ( max-width: 1200px ) {
}

@media screen and ( max-width: 800px ) {
    .BookmarkSection { padding-left:  2%; padding-right: 2%; }
}

@media screen and ( max-width: 500px ) {
}