*{
    margin: 2px;

}
body{
    color: white;
    text-align: center;
    display: flex;
    flex-direction: column;   
  height:800px;
}
.flex-header{
    background-color:greenyellow;
    padding-top: 3rem;
    padding-bottom: 3rem;
    position: sticky;
    top: 0px;
    font-size: 35px;
    height: 90px;
    color: darkred;
    display: flex;
    background-image: url("bgimg.jpg");
    
}


.flex-main{
display: flex;
flex: 1;
position: sticky;
top: 0px;



}
.flex-nav{
    background-color: rgb(224, 212, 210);
    padding-top: 3rem;
    flex: 1 1;
    position: relative;
    

}
.flex-article
{ 
    background-color: tomato;
    padding-top: 3rem;
    flex: 5 5 ;
    position: relative;

}
.flex-aside{
    background-color: tomato;
    padding-top: 3rem;
    flex: 1 1 5rem;
    position: relative;
}
.flex-footer{
    background-color: thistle;
    padding-top: 3rem;
    padding-bottom: 3rem;
    position: relative;
}
#datebox
{
    width: 150px;
    height: 35px;
    background-color: rgb(132, 156, 21);
    position: absolute;
    right: 10px;
    bottom: 5px;
    font-size: 20PX;
    color: white;
    text-align: center;
    border-radius: 10px;
    vertical-align: middle;
    padding-top: 5px;
}
.boxlogo{
font-size: 10px;
    top: 10px;
    left: 10px;
    position: absolute;
    height: 160px;
    color: rgb(12, 36, 3);
    font-size: 10px;
    font-weight: bold;
    border-radius: 10px;
    background-color: lawngreen;
    box-shadow:10px 10px saddlebrown;
}

/* header :hover img
{
    transform: scale(1.5);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    
} */

#textlogo{
    color: white;
    font-weight: bolder;
    font-size: 12px;
}
#textlog :hover 
{

    color: blue;
}


/* .topside :hover{

    transform: scale(1.5);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
    */
marquee{
    width: 1000px;

}


.maintxt{

    height: 140px;
    width: 1050px;
    background-color:blanchedalmond;
    position:absolute;
    left: 180px;
    top: 13px;
    border-radius: 10px;
    box-shadow: 10px 10px saddlebrown;
    color:white;
    font-size: 45px;
    background-image: url("plainbg.jpg");
    font-weight: bold;
    padding-top: 25px;

}


.topside{
    background-color:bisque;
    height: 165px;
    width: 256px;
    position: absolute;
    right: 10px;
    top: 13px;
    border-radius: 10px;;

}
.topside img{
    height: 165px;
    width: 256px;
}

img {
height: 120px;
width: 145px;
border-radius: 10px;

}

iframe{
    height: 478px;
    width: 1000px;
    border-color: darkblue;
    position: absolute; 
    top: 0px;
    left: 0px;
    
}
.aside1
{
height: 40px;
width: 276px;
background-color: bisque;
position: absolute;
top: 0px;
left: 0px;
color: black;
text-align: center;
padding-top: 8px;
font-weight: bold;
}


.engname{
    text-decoration: black;
    color: #000;
    text-align: right;
    font-size: 20px;
}