@import url('https://fonts.googleapis.com/css2?family=Rethink+Sans:ital,wght@0,400..800;1,400..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Rethink+Sans:ital,wght@0,400..800;1,400..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Rethink+Sans:ital,wght@0,400..800;1,400..800&display=swap');

html {
    padding: 0;
    margin: 0;
}

body {
    background: url('../imgs/bg.png');
    background-size: cover;
    color: white;
    min-height: 100vh;
    font-family: 'Inter';
}

.left {
    background: url('../imgs/circle.png');
    background-size: 450px;
    background-position: 45% 20%;
    background-repeat: no-repeat;
}

.fs-0 {
    font-size: 5rem;
}

.fw-black {
    font-weight: 800 !important;
}





.custom-tooltip {
    --bs-tooltip-bg: white !important;
    --bs-tooltip-color: black !important;
    inset: auto auto 120px 100px !important;
    font-size: 1rem;
}

.social .zenodo img {
    height: 40px;
    width: auto;
}

.social .linkedin-youtube img {
    height: 60px;
    width: auto;
}


@media screen and (max-width:600px) {
    .fs-0 {
        font-size: 3rem;
    }

    .left {
        background-size: 260px;
    }
}

@media screen and (orientation: portrait) {
    body {
        background: url('../imgs/bg-portrait.png');
        background-size: cover;
    }

    .left {
        background: none;
    }
}