* {
    font-family: Verdana, Arial, sans-serif;
}

body {
    background-image: url('../img/ets2_20221023_172148_00.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 100vh;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    text-align: center;
    color: #794b2e;
    -webkit-text-stroke: 1px #000000bb;
}

#terminal {
    width: 600px;
    height: 300px;
    background-color: #000000CC;
    color: white;
    padding: 5px;
    border: 2px #DADADA !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#terminal * {
    margin: 0;
    font-family: monospace !important;
}

#terminal .prompt {
    color: greenyellow;
}

#terminal .error {
    color: indianred;
    font-weight: bold;
}

#terminal p:last-child:after {
    content: '█';
    animation: blinker 1s step-start infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

h1#hb {
    font-size: 3em;
    width: fit-content;
    margin: 0 auto;
    background: linear-gradient(90deg, rgba(218,51,15,1) 0%, rgba(230,233,17,1) 25%, rgba(6,168,86,1) 50%, rgba(42,3,192,1) 75%, rgba(164,0,255,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px #ffffffbb;
}

.confetti-container.main {
    position: fixed !important;
    z-index: -1;
    display: none;
}

#container {
    max-width: 1200px;
    display: none;
}

.card {
    padding: 1em;
    background-color: #DADADA60;
    border-radius: 25px;
    margin: 1em auto;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.mod.card {
    max-width: 710px;
    box-sizing: border-box;
    background-color: #20262e;
    color: #D2D4D5;
}

.mod.card h2 {
    color: #A5904C;
}

.mod.card .author::before {
    content: 'Créé par ';
    font-style: normal;
    color: #D2D4D5;
}

.mod.card .author.unknown {
    font-style: italic;
    color: #D2D4D59C;
}

.card>:last-child {
    margin-bottom: 0;
}

a.link {
    padding: 5px;
    line-height: calc(1em + 15px);
    border-radius: 5px;
    background-color: #ed9d83;
    color: #9c3234;
    text-decoration: none;
    font-weight: bold;
}

a.link:hover {
    filter: brightness(1.1);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

a.link:active {
    filter: brightness(0.9);
    box-shadow: none;
}

a.link[download], a.link.download {
    background-color: #06af09;
    color: #beefbf;
}

a.link.play {
    border-radius: 4px;
    border: 1px solid #17202f;
    padding: 1px 15px;
    font-size: 15px;
    line-height: 30px;
    display: inline-block;
    cursor: pointer;
    text-decoration: none !important;
    color: #2B5066 !important;
    background: rgba(193,228,249,1);
    background: -webkit-linear-gradient( top, rgba(193,228,249,1) 5%, rgba(148,183,202,1) 95%);
    background: linear-gradient( to bottom, rgba(193,228,249,1) 5%, rgba(148,183,202,1) 95%);
}

img.contained {
    max-width: 100%;
}

p.center {
    text-align: center;
}

p.right {
    text-align: right;
}

code {
    background-color: #DADADA90;
    border-radius: 3px;
    padding: 0 3px;
}