@import url('https://fonts.googleapis.com/css?family=Roboto:400,900');

@import url('https://fonts.googleapis.com/css?family=Oswald:400,500,600,700');

@import url('https://fonts.googleapis.com/css?family=Chakra+Petch:400,400i,700,700i|Mukta:400,500,800|Oswald:500,600,700|Raleway:400,700,700i,800,800i,900,900i');

@import url('https://fonts.googleapis.com/css?family=Anton|Bai+Jamjuree|Chakra+Petch:300,400,600,600i,700,700i|Mukta:400,500,800|Oswald:500,600,700|Raleway:400,700,700i,800,800i,900,900i');


body {

    background:rgb(70, 70, 70);
    flex-direction:column-reverse
    min-height: 100vh;
    box-sizing: border-box;
    justify-content:flex-end
    margin:2em;
    padding:1em;

}

header {
background-color:#6ecdf7;
font-family: 'Raleway', sans-serif;
font-weight: 900

    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    padding: .8em;
  
}

img {
  display: block;
  margin-left: auto;
  margin-right: auto;
    padding: 1em;
display: block;
  margin-left: auto;
  margin-right: auto;
padding: 1em;
    box-sizing: border-box;
width: 100%;
    height: auto;
    
    


}

ul {
list-style:none;
margin: 0em;
padding: 0em;
display:block;
justify-content:space-around;
background-color:rgb(21, 21, 21);
}


h1 {
font-family: 'Oswald', sans-serif;
font-weight: 400
}

h2 {
  color: #f4f7f8;
font-family: 'Raleway', sans-serif;
font-weight: 600
    font-size: 18px;
    text-align: center;
text-decoration:underline;

    }

h3 {
color: #1481a2;
font-family: 'Bai Jamjuree', sans-serif;
font-weight: 400}
    font-size: 18px;

}

h4 {
color: #e9f0f2;
font-family: 'Bai Jamjuree', sans-serif;
font-weight: 400;
    font-size: 38px;

}

.beru{
background: #002D47;
color: #6ecdf7;
border-left: 2px solid #057fc6;
border-right: 2px solid #057fc6;
border-top: 2px solid #057fc6;
border-bottom: 2px solid #057fc6;

}

.beru img
{
    width:80%;
}
@media screen and (min-width: 400px)
{
    .beru img
    {
        width:380px;
    }

}





a {
justify-content:space-between;

}

div {
    
font-family: 'Mukta', sans-serif;
font-weight: 400
color-text #70b0cc;
background-color:rgb(21, 21, 21);
text-align:justify;
padding:1.25em;
font-size: 18px;
text-align: center;  
    
    }

article {
font-family: 'Mukta', sans-serif;
font-weight: 400
color-text #f1f4f5;
background-color:#239fd1;
padding:1.25em;
font-size: 18px;
text-align: center;
   
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    padding: .65em;
  

}

main {
justify-content:space-around;
background-color:rgb(21, 21, 21);
padding:1.25em;
text-align: center;

     display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    padding: .8em;


    
    }

nav ul li a {
display:inherit;
text-decoration:none;
color: rgb(241, 245, 247);
text-align: center;
padding:2.25em;
justify-content:space-around;
    font-size: 28px;


}

nav ul li a:hover {
background-color:#239fd1;
}



footer{
background-color:rgb(21, 21, 21);
text-decoration: none;
color: white;
text-align:center;
padding:1.25em;
font-size: 12px;
    width: 99%;

    
font-family: 'Mukta', sans-serif;
font-weight: 400
    
}