:root
{
    /*body variables*/
    --backgroundColor: #efefef;
    --body-sidePadding: 10%;
    --body-max-width: 1200px;
    
    /*General variables*/
    --marginStandard: 20px;
    --box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
    --border-radius: 4px;
    --font-family: arial;
    --block-padding: 20px;
/*    --accent-color: coral;*/
/*    --accent-color: rgb(68, 111, 181);*/
    --accent-color: ;
/*    --accent-color: #4286f4;*/
    --block-color: white;
    
    
    /*Hamburger variables*/
    --titlePanel-decoration-width: 35px;
    --ham-height: 3px;
    --ham-margin: 3px 0;
    
    /*h1 variables*/
    --h1-color: white;
    
    /*h2 variables*/
    --h2-font-size: 18px;
    
    --body-font-size: 14px;
    
    /*topBar variables*/
    --titlePanel-backgroundColor: black;
    --h2-color: white;
    
    /*Guideline variables*/
    --guideline-padding: 40px;
    
    /*Small screen variables*/
    --border-offset: 5%;
    
    /*Large screen variables*/
    --between-margin: 10px;
    
}


body
{
    background-color: var(--backgroundColor);
    max-width: var(600px);
    margin:auto; 
    
}