*{
    margin:0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

body {
    min-height: 100vh;
}

.header{
    width:100%;
    height:60px;
    background:white;
    display:flex;
    flex-direction: row;
    justify-content: space-around;
    margin: 5px 0 5px 0;
}

.header img{
    height:60px;
}

.menuButtonContainer{
    display:none;
}

.menu{
    display:flex;
    flex-direction: row;
    width:100%;
    height:70px;
    background: rgb(42, 98, 116);
    align-items: center;
}

.menu ul{
    display:flex;
    flex-direction: row;
}

.menu ul li{
    margin:0 10px 0 10px;
    list-style-type: none;
}


.menu ul #dropdown{
    position:absolute;
    display:flex;
    flex-direction: column;
    width:130px;
    top:140px;
    left:320px;
    background:rgb(58, 132, 156);
    padding-left:10px;
    transition: max-height 0.5s ease;
    max-height: 0;
    overflow: hidden;
    z-index: 200;
}

.menu ul #dropdown.show{
    max-height: 150px;
}

.menu ul li #dropdown a{
    font-size: 17px;
}

.menu ul li #dropdown li{
    margin-top:5px;
    margin-bottom:5px;
}

.menu ul li a{
    text-decoration: none;
    color:whitesmoke;
    font-size: 20px;
}

.menu ul li a:hover{
    color:rgb(59, 59, 59);
    cursor:pointer;
}

.menu .lang{
    margin-left: auto; 
    margin-right: 10px;
}

.menu .lang a{
    margin-left:10px;
}

.menu .lang img{
    height:30px;
    width:50px;
}

footer{
    position:relative;
    bottom:0px;
    padding:10px 0 10px 0;
    display:flex;
    flex-direction: column;
    width:100%;
    background:rgb(31, 44, 71);
    color:whitesmoke;
    align-items: center;
    justify-content: center;
}
footer div{
    margin-top:10px;
}

footer div a{
    color:rgb(184, 184, 184);
    text-decoration: none;
    margin:0 15px 0 15px;
}

.mainContainer{
    display:flex;
    flex-direction: column;
    align-items: center;
}

.mainContainer h4{
    margin:30px auto 40px auto;
}

.textContainer{
    max-width: 1300px;
    width:70%;
}

.textContainer h2{
    font-size: 20px;
}

.textContainer p{
    font-size: 15px;
    margin-bottom:20px;
}

.textContainer ul{
    margin-bottom:30px;
}

.textContainer ul li{
    font-size: 15px;
    margin-bottom: 5px;
}

.mainContainer embed{
    margin:50px auto 50px auto;
    aspect-ratio: 10 / 12;
    width:70%;
    height:auto;
}

.mainContainer .title{
    margin:50px auto 40px auto;
    text-align: center;
}

.mainContainer .title h3{
    font-size: 30px;
}

.mainContainer table, td{
    border: 1px solid;
    border-collapse: collapse;
    font-size: 20px;
}

.mainContainer table td,th{
    padding:20px;
}

.mainContainer table th{
    background:rgb(224, 224, 224);
}

.mainContainer table{
    margin-bottom:30px;
}