body
{
    font-family: Muli;
    font-size: 18px;
}

@media screen and (min-width: 800px) 
{ 
    #main
    {
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
    }
    body
    {
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
        line-height: 150%;
    }
    .imgbandeau
    {
        margin-bottom: 60px;
        object-fit: cover;
        width: 100%;
        height: 50vh;
    }
    .img
    {
        max-width: 32%;
        height: auto;
    }
}
@media screen and (max-width: 800px) 
{ 
    #main
    {
        width: 94%;
        margin-left: 3%;
        margin-right: 3%;
    }
    body
    {
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
        line-height: 150%;
    }
    .imgbandeau
    {
        margin-bottom: 60px;
        object-fit: cover;
        width: 100%;
        height: 50vh;
    }
    .img
    {
        max-width: 47%;
        height: auto;
    }
}

a
{
    color:black;
    font-weight: bold;
}

.click
{
    display: inline-block;
    margin-bottom: 60px;
}

p
{
    overflow-wrap: break-word;
}

.showel
{
    display: inline-block;
    padding: 10px;
}

#current-thumbnail {
    border: 3px solid rgb(10, 114, 233);
  }
  

button {
    background-color: #c2fbd7;
    border-radius: 100px;
    box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset,rgba(44, 187, 99, .15) 0 1px 2px,rgba(44, 187, 99, .15) 0 2px 4px,rgba(44, 187, 99, .15) 0 4px 8px,rgba(44, 187, 99, .15) 0 8px 16px,rgba(44, 187, 99, .15) 0 16px 32px;
    color: green;
    cursor: pointer;
    display: inline-block;
    font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif;
    padding: 7px 20px;
    text-align: center;
    text-decoration: none;
    transition: all 250ms;
    border: 0;
    font-size: 16px;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    margin-top: 25px;
  }
  
button:hover {
    box-shadow: rgba(44,187,99,.35) 0 -25px 18px -14px inset,rgba(44,187,99,.25) 0 1px 2px,rgba(44,187,99,.25) 0 2px 4px,rgba(44,187,99,.25) 0 4px 8px,rgba(44,187,99,.25) 0 8px 16px,rgba(44,187,99,.25) 0 16px 32px;
    transform: scale(1.05) rotate(-1deg);
  }

  img:hover
  {
    cursor: pointer;
  }