@font-face {
    font-family: Louise;
    src: url(typo/Louise-Regular.woff);
}

@font-face {
    font-family: Redaction;
    src: url(typo/Redaction-Regular.woff2);
}

html, body {
    margin: 0;
    padding: 0;
    font-size: 24px;
    font-family: Redaction;
    text-shadow: 0px 0px 5px white,
    2px 2px 10px white,
    -4px 4px 20px white,
    0px 0px 40px white;
}

html {
    background: #d9ebf4;
    background: linear-gradient(180deg, #d9ebf4 0%, #ffffff 100%);
}

.container {
    display: flex;
}

/*-----NAVIGATION-----*/
nav {
    width: 18%;
    background: linear-gradient(0deg, #d9ebf4 0%, #ffffff 100%);
    padding: 15px;
    height: 100vh;
    position: fixed;
}

fieldset {
    border: none;
    padding: 0;
    margin-bottom: 20px;
}

legend {
    font-family: Louise;
}

label {
    white-space: nowrap;
    cursor: pointer;
}


/*-----MAIN-----*/
input, button {
    font-family: Redaction;
    /* box-shadow: 0px 0px 5px white,
    2px 2px 10px white,
    -4px 4px 20px white,
    0px 0px 40px white; */
}

main {
    flex: 1;
    margin-left: 20%;
    padding: 20px;
}

img {
    min-width: 450px;
    max-width: 800px;
    max-height: 600px;
    filter: hue-rotate(330deg);
}

.AffichageNuage p {
    margin: 0.2em 0;
}

.listNuage {
    margin: 1em 0;
}