body {
    margin-top: 10%;
    font-family: serif;
    font-size:clamp(16px,3vw, 24px);

}

p {
    margin: 10px 0;
}

.container{
    width: 80%;
    justify-self: center;
}

.intro {
    grid-column: 1 / 3;
}

.textcontainer{
    margin-top: 70px;
    box-sizing: border-box;
    padding: 20px 20px;
    border-left: 2px black solid;

}


.horloge{
    background-color: black;
    bottom: 20px;
    right: 10%;
    position: fixed;
    border: 3px black solid;
    height:auto;
    aspect-ratio: 1 / 1;
    width: clamp(50px, 20vw, 400px);
    border-radius: 200px;
}

.centre{

    position: absolute;
    background:white;
    height: 10px;
    width: 10px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50px;
}

.secondes{
    height: clamp(20px, 40%, 500px);
    position: absolute;
    background: #ffffff;

    width: 3px;
    bottom: 49%;
    left: 49%;
    transition: all ease .3s;
    transform-origin: bottom center;
    transform: rotate(90deg);
}