@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

* {
    font-family: 'Montserrat', sans-serif;
    box-sizing: border-box;
}

::selection {
    background:#2c3e50;
    color:white;
}

html, body, #root {
    overflow:hidden;
}

.success {
    color:#2ecc71;
}

.medium {
    color:#f39c12;
}

.error {
    color:#e74c3c;
}

.info {
    color:#3498db;
}

.successbg {
    background:#2ecc71;
}

.mediumbg {
    background:#f39c12;
}

.errorbg {
    background:#e74c3c;
}

.infobg {
    background:#3498db;
}

@keyframes skeleton {

    0% {
        background-position: -200px 0;
      }
    100% {
        background-position: 200px 0;
    }

}

.loading_box {
    background: linear-gradient(90deg, #f5f5f5 25%, #e0e0e0 50%, #f5f5f5 75%)!important;
    background-size: 200% 100%!important;
    animation: skeleton 1.5s infinite linear!important;
    color: transparent!important;
    border-color: #bbb!important;
    cursor:not-allowed!important;
}

.loading_content {
    opacity: 0;
    transition: opacity 0.25s ease-in-out;
}

.loaded_content {
    opacity: 1;
    transition: opacity 0.25s ease-in-out;
}