h1{
    background-color: #ee0db6;
    margin:3em;
    padding:2em;
    width:100%;
    max-width:1200px;
}
.maintitle{
    font-size:120%; 
    font-weight: bolder; 
}
header{
    width:100%;
    max-width:1200px;
    padding:2em;
    margin:2em auto;
}
.container{
    display: flex;
    justify-content: center;
    padding:2em;
    margin:2em;
}
.item{
    background-color: rgb(0, 225, 255);
    color: rgb(20, 53, 97);
    padding:2em;
    margin:2em;
}


img{
    max-width:100%;
    height: auto;
}

.w200{
    width:200px;
}



.bgi1{
    background-image: url(images/flower.JPG);
}


.box1{
    margin:2em;
    padding:2em;

}
.book{
    background:rgb(160, 76, 240) ;
    color: #fff;
    margin: 2em;
    padding: 5em
}
.bigbox{
    display:  flex;
    justify-content: center;
}
.book{
    flex-direction: row;
    justify-content: center;
}
@media(max-width:480px){
   .bigbox{
    flex-direction: column;
    justify-content: center;
   }
   header{
    flex-direction: column;
    justify-content: center;   
   }
}
.navy{
    color: rgb(67, 38, 236);
}
.midfont{
    font-size: 2em;
}
.bigfont{
    font-size: 3em;
}
.backred{
    background-color: rgb(241, 78, 111);
}
#himoduke{
    margin: 1em;
    border-bottom:solid 3px black;
}
.m10p2{
    margin-top: 5em;
    margin-bottom: 5em;
    padding: 2em;
}
.m10p2 h2{
    border-bottom: none;
    border-left: .5em solid #000000;
    padding: 0 0 0 1em;
}

.margintb20{
    margin-top: 20em;
    margin-bottom: 20em;
}