*{
    padding: 0%;
    margin: 0%;
}
header{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
header > img {
    width: 100%;
    display: flex;
}
nav{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;

}
.navs{
    width: auto;
    padding: 2%;
    border-radius: 14px;
    border-color: rgb(181, 181, 181);
    background-color: rgb(181, 181, 181);
    font-size: 2em;
    margin-top: 2%;
}
#filtered{
    display: flex;
    flex-direction: column;
    
}
#filtered > select{
    display: flex;
    margin-bottom: 5px;
    padding: 3%;
    text-align: center;

}
#root{
    display: flex;
    align-items: center;
    width: 100%;
}
#container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
}
.card{
    text-align: center;
    padding: 1%;
    width: 40%;
    height: 49%;
    font-size: 2em;
    background-color: #8ddae85d;
    border-radius: 15px;
    margin-bottom:2% ;
}
footer{
    display: flex;
    justify-content: center;
    align-content: flex-end
}
a:visited{
    color: inherit;
}
a{
    color: black;
    text-decoration: none;
}
table{
    width: 90%;
    background-color: #c2e1e65d;
    padding: 4%; 
    margin-top: 5px;
}
table td {
    border: 1px solid #1922235d;
    padding: 2%;
}
#tableCalculate{
    width: 100%;
    display: flex;
    justify-content: center;
    font-size: 1em;
}