@font-face{
    font-family: Oceanic;
    src: url('/assets/fonts/Oceanic.otf');
}

#main{
    background: rgb(221, 248, 248);
    color: rgb(53, 65, 28);
}

h1{
    font-family: Oceanic;
    font-weight: 800;
    color: brown;
}

h2{
    font-family: Oceanic;
    color: brown;
    font-weight: 400;
}

img:hover{    
    transform: scale(1.5);
    transition: all 0.5s;
}

img{
    transition: all 0.5s;
    z-index: 1030;
}

.brown{
    color: brown;
}
.pagination .active a {
    background-color: #198754; }

.delete_container{
width: min-content;
position: relative;
}

.delete{
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 0.1em;
    background: white;
    cursor: pointer;
    transition: all 0.2s;
}

.delete:hover{
    transform: rotate(10deg);
}