/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2. 9. 2021, 18:34:58
    Author     : mkrepinsky
*/

html {
    font-size: 16px;
   font-family: Arial, sans-serif;
}

* {
    box-sizing: border-box;
}
.mc {
    display: flex;
    margin: 0 auto;
    justify-content: center;
    background-color: white;
    width: 80rem;
      flex-direction: column;


}

.content{
    padding:  2rem;
    display: flex;
    flex-direction: column;

}



.nav_bar  {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    
}
.nav_bar li  {
    float: left;
}




.nav_bar li a {
    display: block;
    background-color: #0099ff;
    color: white;
    text-align: center;
    padding: 0.2rem;
    text-decoration: none;
    margin-left: 0.2rem;
   
}

.nav_bar li a:hover:not(.active) {
    background-color: #111;
}

.active {
    background-color: #04AA6D;
}