body{
    margin-top: 20px;
}
/*課題1始まり*/

h1{
    background-color: #b9a3fc ;
}

h2{
    color: blue;
}


.world{
    border-right:3px double;
    margin-right: 27em;
    padding:0 20px;
}
.top-menu{
    background-color: #e4fb18;
    position: fixed;right:2ex;top:40px;width:25em;height:13em;
    white-space: pre;
    line-height: 1.7;
    margin-left: 15px;

}

.bottom-menu{
    display:none;
}

/*課題1おわり*/
/*課題2始まり*/

div.national-flag {
    position: relative; width: 18ex; height: 12ex;
    border: 1px solid black;
}

div.national-flag div {position: absolute; width: 6ex; height: 12ex;}
div.national-flag div:first-child {left: 0; top: 0; background: green;}
div.national-flag div+div {left : 6ex; top: 0; background: white;}
div.national-flag div+div+div {left : 12ex; top :0; background:red;}
/*課題2おわり*/

/*課題3始まり*/
div.kao{
    background-color:#f5db9b;
    position: relative; width: 300px; height: 290px;
}
    
div.picture{
    float:right; 
    margin-top: 5px;
    margin-right: 15px;
}

pre{
    font-size: 39px;
    font-weight: bold;
}

none{
    color: red
}

/*課題3おわり*/

div.main{font-size: x-large;}
a.link:hover{background-color: #fffd72;}