@import url(variables.css);
@import url(normalize.css);
@import url(header.css);
@import url(footer.css);
@import url(home.css);
@import url(modal.css);
@import url(login.css);
@import url(logout.css);
@import url(register.css);
@import url(messages.css);
@import url(relevant.css);
@import url(header-upload.css);
@import url(upload-document.css);
@import url(header-document.css);
@import url(document-design.css);
@import url(document.css);
@import url(document-view.css);
@import url(modal-alert.css);
@import url(header-view.css);
@import url(eye-icon.css);
@import url(document-final.css);
@import url(sidebar.css);

html {
    font-size: 62.5%;
    box-sizing: border-box;
    height: 100%;
}

*, *:before, *:after {
    box-sizing: inherit;
}

body {
    font-family: var(--primary-font);
    margin: 0;
}

a {
    text-decoration: none;
}

button {border: none;}

input {border: none;}

.background--blur {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(5px); 
    -webkit-backdrop-filter: blur(5px);
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    z-index: 999;
}

.background--blur--inactive {
    opacity: 0;
    visibility: hidden;
}

.headers {
    position: sticky;
    top: 0;
}