:root
{
    --xsmallFontSize: clamp(0.65rem, 1vw, 0.85rem);
    --smallFontSize: clamp(0.65rem, 1.5vw, 1.2rem);
    --middleFontSize: clamp(1.2rem, 1.8vw, 2rem);
    --bigFontSize: clamp(2rem, 3vw, 3rem);
    --display: font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

::-webkit-scrollbar
{
    width: 14px;
}

::-webkit-scrollbar-track
{
    background: #ebebeb;
}

::-webkit-scrollbar-thumb
{
    background: #004F87; 
}

::-webkit-scrollbar-thumb:hover
{
    background: #F48120; 
}

::selection
{
    color: #fff;
    background: #F48120;
}

*
{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    color: #000;
    font-family: var(--display);
}

body
{
    background-color: #fff;
}

h1
{
    font-size: var(--middleFontSize);
    font-weight: normal;
    color: #868686;
}

h3
{
    font-size: var(--middleFontSize);
    font-weight: normal;
}

p
{
    font-size: var(--smallFontSize);
    font-weight: normal;
}

a
{
    text-decoration: none;
}

@media only screen and (orientation: portrait)
{
    :root
    {
        --xsmallFontSize: 0.95rem;
        --smallFontSize: 0.9rem;
        --middleFontSize: 1.5rem;
        --bigFontSize: 2rem;
    }
}