html {
    background-image: radial-gradient(#fff5cc, #fff2cc);
}

body {
    margin: 1vw;
    margin-bottom: 0px;
}

.is-4 {
    margin: 2.5vh 0px;
    margin-top: 5vh;
}

nav ul li a {
    color: #333 !important;
    font-weight: bold;
}

nav ul li a i  {
    margin-right: 0.5vw;
}

main {
    min-height: 75vh;
}

@media (max-width: 768px) {
    main
		{
		margin-top: 35vh !important;
		}
	}

.jsce-illustrations-svg {
    width: 5vw;
}

@media (max-width: 768px) {
    .jsce-illustrations-svg {
        display: none;
    }

    #jsce-header-search-input {
        width: 95%;
        padding-left: 10vw !important;
    }
}

.jsce-files-block {
    position: relative;
    display: inline-block;
    width: 90%;
    vertical-align: top;
    margin: 0px;
    margin-bottom: 2.5vh;
    apadding-bottom: 5vh;
    box-shadow: none;
    transition: all 0.33s ease-in-out;
    acursor: context-menu;
}

.jsce-files-block:hover {
    transform: scale(1.025);
    box-shadow: 2.5px 5px 5px rgba(0,0,0,0.05);
}

.jsce-files-block h4 {
    margin-top: 1vh;
}

@media (max-width: 768px) {
    .jsce-files-block{
        margin-left: 2.5%;
    }

    .jsce-files-block-category_name {
        right: 2.5vw !important;
        top: 0.5vh !important;
    }

    .jsce-files-infos .grid {
        --bulma-grid-column-count: 1 !important;
    }

    #jsce-files-content-copy-btn {
        top: -1vh !important;
        right: 2vh !important;
    }

    #jsce-account-recovery-user_info {
        font-size: 16px;
    }

    #jsce-account-recovery-user_info-btn {
        top: 0vh !important;
        right: 0vh !important;
    }
}

.jsce-files-block-category_name {
    position: absolute;
    right: 1vw;
    top: 1vh;
}

.jsce-files-block-download-btn {
    position: absolute;
    right: 1vw;
    bottom: 1vh;
}

.jsce-files-block-extension-btn {
    position: absolute;
    right: 1vw;
    bottom: 1vh;
    font-size: smaller;
    font-weight: normal;
}

.jsce-home-categories-link {
    margin: 0.75vh;
}

.transparent-background {
    background-color: rgba(255, 255, 255, 0.5);
    border: none;
}

.jsce-dashboard-files {
    display: block;
    color: #555 !important;
    width: 100%;
    padding: 1vh;
    font-size: 2.25vh;
    cursor: pointer;
}

.jsce-window {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    background-color: #fff;
    border: 2px solid #ccc;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    z-index: 3;
}

.jsce-window label {
    display: block;
    margin-top: 1vh;
}

#jsce-files-report-window {
    width: 25%;
}