body {
    background-size:cover;
}
.text-center {
    color: #ff9d00;
    }
.rounded-pill{
    border-radius: 50px;
    padding-left: 1em;
    padding-right: 1em;
}
.card{
        background-color: rgba(255, 255, 255, 0.7);
    }
.shadow-sm{
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.288);
}
.noteCard{
    width: 31.3%;
}
@media (min-width:769px) and (max-width:1024px){
    .noteCard{
        width: 47%;
    }
}
@media (max-width:768px){
    .noteCard{
        width: 100%;
    }
}