body{
    width: 1024px;
    height: 100vh;
    background: rgb(36,118,164);
    background: linear-gradient(185deg, rgba(36,118,164,1) 0%, rgba(102,189,179,1) 100%);
    color: white;
    font-family: 'Courier New', Courier, monospace;
    margin: auto;
    display: flex;
    justify-content: center;
    text-align: justify;
}
article{
    max-width: 900px;
    margin: 40px;
}
h1{
    text-align: center;
    margin-bottom:20px;
}

#darkbackground{
    position:fixed;
    display:none;
    background-color: rgba(27, 18, 70, 0.712);
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
#lightbox{
    position:fixed;
    background: linear-gradient(185deg, rgba(36,118,164,1) 0%, rgba(102,189,179,1) 100%);
    width: 50%;
    height: 50%;
    border-radius: 20px;
    top: 25%;
    left: 26%;
}
p{
    font-size: 3em;
    text-align: center;
    padding-top: 20px;
}
#close{
    margin-top:50px;
    margin-left: 46%;
}
p#petit{
    font-size: 1em;
    margin:20px;
}