/*
Cree le 03/12/23 par Gassama Souleyman
*/
:root {
    --baseFontSize: 18px;
    --primaryDarkColor: rgb(33, 84, 104);
    --primaryColor: rgb(53, 126, 155);
    --accentColor: rgb(218, 163, 45);
    --backgroundColorLigth: rgb(255, 253, 250);
    --backgroundColor: rgb(231, 231, 231);
}
  
*, body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: var(--baseFontSize);  
}
  
/**
   * $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
   * 
   * MOBILE FIRST RESPONSIVE
   *
   * $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
   * 
*/

body {
    width: 100vw;
    height: 100vh;
  
    display: flex;
    flex-direction: column;

    background-color: var(--backgroundColor);

    overflow: hidden;
}

  
.section_all_content {  
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;

    overflow: hidden;
}


.accent{
    color: var(--accentColor);
}

.title{
    color: black;
}


/**
   * $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
   * 
   * WEB RESPONSIVE
   *
   * $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
   * 
*/
     
@media (min-width: 800px) {

    .title, .accent{
        font-size: 5rem;
    }
}