body{
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: clamp(1rem, 0.9318rem + 0.3636vw, 1.25rem);
    background-color: #1e1e1e;
    color: white;
}
@font-face {
    font-family: "Synonym-Regular";
    src: url(Polices/OTF/Synonym-Regular.otf);
}
@font-face {
    font-family: "Telma";
    src: url(Polices/OTF/Telma-Regular.otf);
}
h1, h2{
    font-family: "Telma";
}
h1{
    font-size: clamp(2.8125rem, 2.4886rem + 1.7273vw, 4rem);;
}
h2{
    font-size: clamp(1.25rem, 1.0966rem + 0.8182vw, 1.8125rem);
}
.btn{
    text-decoration: none;
    padding: 20px;
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
    color: #1e1e1e;
    transition: ease 0.2s;
}
.btn:hover{
    background-color: #b6b6b664;
    color: rgb(180, 180, 180);
}
li a{
    text-decoration: none;
    color: white;
}
li a:hover{
    color: #96cfba;
}
footer{
    margin-top: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
footer ul{
    list-style: none;
    display: flex;
    padding: 0;
    justify-content: space-evenly;
    gap: 50px;
}
ul{
    margin: 50px;
}