:focus {
    outline: none ;
}
htm, body{
    height: 100vh;
}
.note-light {
border-color: #2196F3 !important;
}

u{
    color: #2196F3;
}

.img-post{
height: 200px;
width: 100%;
object-fit: cover;
object-position: center;  
}

.list-group-item::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    margin-right: 8px;
    color: #2196f3;
    position: absolute;
    left: 0%;
}

@media(min-width:537px){
.img-post{
height: 400px; 
}
.list-group-item {
    border: none !important;
}

p{
    font-size: 1.2rem;
    text-align: justify ;
}

}

@media(min-width:760px){
.h1-responsive{
font-size: 2rem;
}


.h2, h2 {
    font-size: 1.4rem;
}


}

#loading{
height: 100%;
width: 100%;
position: absolute !important;
top: 0;
left: 0;
z-index: 1;
bottom: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
}
    

body > main > div > div > div.col-md-4.mb-4 > section > section > p{
    text-align: center !important;
}



@media screen 
and (min-device-width: 1366px) 
and (-webkit-min-device-pixel-ratio: 1) { 
::-webkit-scrollbar {
width: 12px;
}
::-webkit-scrollbar-thumb {
border-radius: 6px;
min-height: 150px;
background: linear-gradient(60deg, #0850c7 0%, #007bff 93% 45%);
}
}

.navbar-dark .navbar-toggler {
    color: hsl(0deg 0% 100%);
    border-color: hsla(0,0%,100%,.1);
}