html
{
    --colortext: #6b0d0de7;
    --colorlink: #9e0500e7;
    --colorlinkvisited: #9e0500e7;
    --colorlinkhover: #efffd16c;
    --colorlinkactive: #d43c00e7;

    --backgroundoscar: #33749973;

    font-family: Arial, Helvetica, sans-serif;
    font-family:"Century Gothic","CenturyGothic","AppleGothic","sans-serif";
}

body 
{ 
    background-color: #bbbbbb15;
    margin: 0; 
}

h1
{
    margin: max(5px, 2vh) 0px;
    font-size: min(70px, 12vw);
    text-align: center;
    font-weight: 100;
}

main
{
    margin: 0 max(40px, 10vw);
}

nav
{
    display: flex;
    flex-flow: column wrap;
}

.Part>div
{
    margin: max(20px, 3vh) 0px;
}

a
{
    margin: max(20px, 2vh) 0px;
    font-size: min(25px, 5vw);
    text-decoration: none;
    padding-left: 10%;
}

main
{
    display: flex;
    flex-flow: column wrap;
}

.presentation
{
    text-justify: auto;
    text-align: justify;
    align-self: center;
    width: 60%;
    margin: 10vh 3vw;
}

a:visited
{
    color: var(--colorlinkvisited);
}

a:hover
{
    color: var(--colorlinkhover);
}

a:link
{
    color: var(--colorlink);
}

a:active
{
    color: var(--colorlinkactive);
}

.Part
{
    border-radius: 3vh;
    padding: 3% 20%;
}

.Oscar
{
    background: var(--backgroundoscar);
}

.name
{
    font-size: min(35px, 7vw);
}