@font-face {
    font-family: 'Luciole-Regular';
    src: url("fonts/Luciole-Regular.ttf") format("truetype");
}

@font-face {
    font-family: 'Luciole-Regular-Italic';
    src: url("fonts/Luciole-Regular-Italic.ttf") format("truetype");
}

@font-face {
    font-family: 'Luciole-Bold-Italic';
    src: url("fonts/Luciole-Bold-Italic.ttf") format("truetype");
}


@font-face {
    font-family: 'Luciole-Bold';
    src: url("fonts/Luciole-Bold.ttf") format("truetype");
}

html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

i[title]:hover::after {
    content: attr(title);
    background-color: var(--bs-highlight-bg);
    border: solid 1px var(--warning);
    border-radius: 8px 4px 8px 4px;
    padding: 4px;
    overflow-wrap: break-word;
    position: absolute;
    top: -100%;
    left: 0;
    font-family: Nunito,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1;
    color: #858796;
    text-align: left;
}

#drop_zone {
    padding:8px;
    margin:8px;
    border-radius:8px;
    position:relative;
    border: 2px dashed gray;
    
}

.blink_me {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        background-color: #AAEEAAFF;
    }
}