@charset "UTF-8";

@property --bg-dark {
    syntax: "<color>";
    inherits: false;
    initial-value: #212529;
}
body {
    --bg-dark: #212529;
    background-color: var(--bg-dark) !important;
}

.index-tertiary-server {
    position: absolute;
    font-size: 402px;
    top: -48px;
}

.index-tertiary-document {
    position: absolute;
    font-size: 402px;
    top: -48px;
    right: -50px;
}

.pletana-icon {
    width: 42px;
}

.pletana-icon:hover {
    animation: animate__tada 1s;
}

/*// X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .index-tertiary-server {
        position: absolute;
        font-size: 402px;
        top: -48px;
    }
}

/*// Small devices (landscape phones, less than 768px)*/
@media (min-width: 575.99px) and  (max-width: 767.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (min-width: 767.99px) and (max-width: 991.98px) {
    .index-tertiary-server {
        position: absolute;
        font-size: 144px;
        top: 100px;
    }
    .index-tertiary-document {
        position: absolute;
        font-size: 144px;
        top: 100px;
        right: 30px;
    }
}

/*// Large devices (desktops, less than 1200px)*/
@media (min-width: 991.99px) and (max-width: 1199.98px) {
    .index-tertiary-server {
        position: absolute;
        font-size: 144px;
        top: 100px;
    }
    .index-tertiary-document {
        position: absolute;
        font-size: 144px;
        top: 100px;
        right: 30px;
    }
}

/*// X-Large devices (large desktops, less than 1400px)*/
@media (min-width: 1199.99px) and (max-width: 1399.98px) {
    .index-tertiary-server {
        position: absolute;
        font-size: 402px;
        top: -48px;
        left: 0px;
    }
    .index-tertiary-document {
        position: absolute;
        font-size: 402px;
        top: -48px;
        right: -10px;
    }
}

@media (min-width: 1399.99px) {
    .index-tertiary-server {
        position: absolute;
        font-size: 402px;
        top: -48px;
        left: 0px;
    }
    .index-tertiary-document {
        position: absolute;
        font-size: 402px;
        top: -48px;
        right: -10px;
    }
}