/*
Theme Name: makiwara.fr
Description: used for makiwara.fr - all versions
                 _    _                         
 _ __ ___   __ _| | _(_)_      ____ _ _ __ __ _ 
| '_ ` _ \ / _` | |/ / \ \ /\ / / _` | '__/ _` |
| | | | | | (_| |   <| |\ V  V / (_| | | | (_| |
|_| |_| |_|\__,_|_|\_\_| \_/\_/ \__,_|_|  \__,_|
                                                

Version: 0.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/*

*   Main color black;
*   light tone: hsl(90, 70%, 70%)
*   dark tone hsl(90, 100%, 10%)
*   background tone hsl(90, 0%, 95%)
*/

/*----------------------------*/
/* 000 - General settings     */
/*----------------------------*/

* {
	margin : 0;
}

body {

    background-color: hsl(90, 0%, 95%);
    color: black;
	font-family : Montserrat, sans-serif;
}

/*----------------------------*/
/* 200 - Headers & Footers */
/*----------------------------*/

header {
	;
}

footer {
    ;
}

#main_header {
    text-align: center;
    margin: 0;
	
}

#main_footer {
	text-align: center;
}



/*----------------------------*/
/* 300 - general format       */
/*----------------------------*/


h1 {
	font-family: 'Montserrat', sans-serif;
    font-size: 50pt;
    color: hsl(90, 100%, 20%);
}

h2 {
	font-family: 'Montserrat', sans-serif;
    font-size: 30pt;
    color: hsl(90, 100%, 20%);
}

h3 {
	font-family: 'Montserrat', sans-serif;
    font-size: 18pt;
    color: black;
    font-weight: 600;
    padding: 10px 0 10px 0
}

h4 {
	font-family: 'Montserrat', sans-serif;
    font-size: 16pt;
    color: black;
    font-weight: 600;
}


p {
	font-family: 'Open Sans', sans-serif;
    font-size: 16pt;
    line-height: 1.5em;
}


a {
    font-family: 'Montserrat', sans-serif;
    font-size: inherit;
    font-style: italic;
    color: hsl(90, 100%, 20%);
    text-decoration: none;
}

a:visited {
    font-family: 'Montserrat', sans-serif;
    font-size: inherit;
    text-decoration: none;
    color: hsl(90, 100%, 20%);
}

a:hover {
    font-family: 'Montserrat', sans-serif;
    font-size: inherit;
    color: hsl(90, 100%, 20%);
    text-decoration: underline;
}

/*----------------------------*/
/* 400 - Content               */
/*----------------------------*/

section {
    display: flex; 
    flex-wrap: wrap;
    align-items: center;  
    align-content: center;
    justify-content: center;  
    
}

article {
    display:block;
    text-align: center;
    

}


article>ul>li {
   
    text-align: left;
}



/*----------------------------*/
/* 800 - Navigation           */
/*----------------------------*/

#navigator {
    position: fixed;
    top: 0;
    left: 0;
}


#navigator ul {
    text-align: center;
	display: flex;
	flex-wrap: wrap;
    align-items: flex-start; 
    align-content: center;
    justify-content: flex-start;   
    margin:0;
    padding:0;
}

#navigator li{
    display: flex;

    justify-content: center;
    align-content: center;
    align-items: center;
    vertical-align: middle;
    
   

    list-style-type: none;
}

#navigator li:hover{
    background-color: hsl(90, 70%, 70%);
}


#navigator a{
    color: white;
    text-decoration: none;
    font-style: normal;
}

#navigator a{
    color: inherit;
    text-decoration: none;
    font-style: inherit;
}

#navigator a{
    color: inherit;
    text-decoration: none;
    font-style: inherit;
}


/*----------------------------*/
/* 999 - generic              */
/*----------------------------*/


.japanese{
    font-size: 22pt;
}

.no_margin {
	margin: 0;
	padding: 0;
}

.middle_valign {
    vertical-align: middle;
}

.left_align{
    text-align: left;
}

.primary{
    background-color: black;
    color: white;
}

.light {
    background-color: hsl(90, 70%, 70%);
    color: white;
}

.darker {
    background-color: hsl(90, 100%, 10%);
    color: white;
}