.cica-logo-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    z-index: -100;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.cica-logo-img {
    position: absolute;
    max-width: 60%;
    max-height: 60%;
}

.cica-logo-text {
    position: absolute;
    color: rgba(140, 243, 255, 0.5);
    text-align: center;
}

.cica {
    font-size: calc(0.75rem + 5.25vw);
    line-height: 1;
    margin: 0 0 calc(-0.25rem - 1vw);
}

.cica-title {
    font-size: calc(0.25rem + 1.75vw);
    line-height: 1;
    margin: 3vh 0;
}

.cica-sub-title {
    font-size: calc(0.3125rem + 2.1875vw);
    line-height: 1;
    margin: 3vh 0;
}

.cica-version {
    font-size: calc(0.225rem + 1.575vw);
    line-height: 1;
}

.noscript-window-container {
    width: 60%;
    margin-left: 20%;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.dossier-window {
    width: 100%;

    box-shadow: 0 0 0 0.1vw #3A3A3A,
    0 0 0 0.3vw #A2A2A2,
    0 0 0 0.4vw #535353,
    0 0 0 0.5vw #7C7A7B;

    background-color: #C0C0C0;
    padding: calc(0.2rem + 0.2vw) calc(0.3rem + 0.3vw) 0;

    display: flex;
    align-items: center;
    justify-content: center;
}

.explorer-header {
    background-color: #6B6B6B;

    z-index: 11;

    width: 100%;
    height: auto;
    margin-bottom: 0.4vw;

    padding: 0 calc(0.3rem + 0.3vw);

    box-shadow: 0 0 0 0.3vw #6B6B6B,
    0 0 0 0.4vw #AAAAAA,
    0 0 0 0.5vw #535353;

    display: flex;
    align-items: center;
    justify-content: center;
}

.explorer-header-title {
    font-size: calc(0.25rem + 1.75vw);
    line-height: 1;
    letter-spacing: calc(0.2rem + 0.2vw);
    color: white;

    width: fit-content;
    margin: 0 0 0 0;
    padding: 0.5vh 0 0.5vh 0;
}

.noscript-text {
    margin-top: calc(0.35rem + 0.4vw);
    font-size: calc(0.15rem + 1.05vw);

    text-align: center;
}

@media (max-width: 959.9px) {
    .cica {
        font-size: calc(0.5rem + 7.5vw);
    }

    .cica-title {
        font-size: calc(0.1666rem + 2.5vw);
        line-height: 1;
        margin: 3vh 0;
    }

    .cica-sub-title {
        font-size: calc(0.208rem + 3.125vw);
        line-height: 1;
        margin: 3vh 0;
    }

    .cica-version {
        font-size: calc(0.15rem + 2.25vw);
        line-height: 1;
    }

    .noscript-window-container {
        width: 80%;
        margin-left: 10%;
    }

    .explorer-header-title {
        font-size: calc(0.1666rem + 2.5vw);
    }

    .noscript-text {
        font-size: calc(0.2rem + 1.7vw);
    }
}

@media (max-width: 599.9px) {
    .cica {
        font-size: calc(2rem + 3.75vw);
    }

    .cica-title {
        font-size: calc(1.5rem + 1.25vw);
        line-height: 1;
        margin: 3vh 0;
    }

    .cica-sub-title {
        font-size: calc(0.8333rem + 1.5625vw);
        line-height: 1;
        margin: 3vh 0;
    }

    .cica-version {
        font-size: calc(0.6rem + 0.72vw);
        line-height: 1;
    }

    .noscript-window-container {
        width: 90%;
        margin-left: 5%;
    }

    .dossier-window {
        box-shadow: 0 0 0 0.2vw #3A3A3A,
        0 0 0 0.6vw #A2A2A2,
        0 0 0 0.8vw #535353,
        0 0 0 1vw #7C7A7B;
    }

    .explorer-header {
        box-shadow: 0 0 0 0.4vw #6B6B6B,
        0 0 0 0.6vw #AAAAAA,
        0 0 0 0.8vw #535353;
    }

    .explorer-header-title {
        font-size: calc(1.0rem + 1.6vw);
        padding: 0;
    }

    .noscript-text {
        font-size: calc(0.533rem + 1vw);
    }
}