:root
{
    --navHeight: clamp(95px,12vh,12vh);
    --footHeight: 30px;
    --orange:  #ee830a;
    --gris: #212121;
    --grisClair: #424242; 
    --backB: #ffffff;
}
/* Définition des polices personnalisées */

@import url('https://fonts.googleapis.com/css2?family=Mukta:wght@400;700&family=Rubik:ital,wght@0,400;0,700;1,400&display=swap');*
{
    margin: 0;
    padding: 0 ;
    font-family: Rubik;
    box-sizing: border-box;
}

  /* Body */

body
{
  max-width:100vw;
  overflow-x: hidden;
}

.ice_tea
{
  background-color: var(--backB);
  min-height: calc(100vh - var(--navHeight) - var(--footHeight));

}

.ice_tea h1
{
  font-size: 2rem;
  color: var(--gris);
}

.ice_tea h2
{
  font-size: 1.7rem;
  color: var(--grisClair)
}

.ice_tea p
{
  font-size: 1.5rem;
}

a
{
  font-size: 1.3rem;
  color: var(--gris);
  text-decoration: none;
  transition: 0.2s;
}

a:hover
{
  color: #424242 ;
  border-bottom: 2px solid #424242;
}

span
{
  color: var(--orange);
  font-weight: bold;
}

footer
{
  /* border-top: 1px solid var(--gris); */
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--footHeight);
  background-color: var(--orange);
  font-weight: bold;
  font-size: 1.3rem; 
}

@media screen and (max-width:768px)
{
  :root
  {
    --navHeight: 60px;
  }
  footer
  {
    font-size: 1rem;
  }


}