*{
    margin: 1.5em; /* default parent font size
                    default 16px */
    margin: 10px;

    /*margin: 1.5rem; !* use the default root document font size *!*/
}


body{
    background-color: tan;
    font-family: Arial, Helvetica, sans-serif;
}

#lorem{
    font-size: 150%;
    color: #0000ff;
}
section>section>p{
    background-color: yellow;
}
section>section>h2+p{
    background-color: pink;
}
/*h3+a{*/
/*    border: solid 2px green;*/
/*}*/
/*h3+h4{*/
/*    border: solid 2px green;*/
/*}*/
h3+a, h3+h4{
    border: solid 2px green;
}
/*[href]{*/
/*    border: dotted 2px red;*/
/*}*/
/*[href="../../exercises/wk02/template.html"]{*/
/*    border: dotted 2px red;*/
/*}*/
[href^=".."]{
    border: dotted 2px red;
}
[href$="template.html"]:hover{
    border: dotted 2px red;
    background-color: white;
}
#lorem::first-letter{
    font-size: 200%;
    color: red;
}
ul>li:first-child{
    color: red;
}
ul>li:last-child{
    color: blue;
}
ul>li:nth-child(2){
    color: orange;
}
ul>li:nth-child(3){
    color: yellow;
}

header>h1{
    font-size: 350%;
    text-shadow: 4px 3px 4px blue;
    color: purple;
}
#wrapper{
    background-color: tan;
    margin: 5em auto;
    border: solid 5px purple;
    width: 1024px;
}
h2,h3,h4,h5,h6{
    color: purple;
}
header,main,footer{
    border: 4px blue dashed;
    padding: 4em;
    margin: 1.5em;
}


header>img{
    position: absolute;
    top:0;
    left:0;

}
header{
    position: relative;
    text-align: center;
    background-image: url("../img/ahmed-abbas-T75i7mUaxBQ-unsplash.jpg");
    background-size: cover;
    background-position: center;
}
nav{
    margin: 1.5em;
    position: sticky;
    top:3px;
    background-color: rgb(128, 0, 128);
}
nav>ul{
    list-style-type: none;
    padding: 0;
    text-align: center;
}
nav a{
    color: tan;
    text-decoration: none;
}
nav li{
    display: inline-block;
    padding: .5em;
    border: purple 2px solid;
}
nav li:hover{
    border: tan 2px solid;
}
h4+ol>li:nth-child(2n-1){
    background-color: lightgoldenrodyellow;
    display: inline;
}
h4+ol>li:nth-child(2n){
    background-color: lightblue;
    width: 50%;
}
h3+figure{
    border: black dotted 4px;
    width: fit-content;
}
/******************************************************************/
.buttons{
    display: block;
    text-decoration: none;
    border: 4px solid purple;
    padding: 8px;
    border-radius: 20px;
    background-image: linear-gradient(to bottom,rebeccapurple, violet);
    color: white;
    box-shadow: 4px 3px 4px blue;
    text-align: center;
}
.buttons:hover{
    background-image: linear-gradient(to top,rebeccapurple, violet);
    color: red;
    box-shadow: -4px -3px 4px blue;
}
aside{
    /*border: 4px purple solid;*/
    float: left;
    position: sticky;
    top: 60px;
}
aside+section{
    /*border: 4px purple solid;*/
    float: right;
    width: 70%;
}
article{
    clear: both;
    column-count: 3;
    column-gap: 3em;
    text-align: justify;
    column-rule: 2px groove ivory;
}
article>h3{
    column-span: all;
}
.loremp{
    /*font-family: "Times New Roman", Times, serif;*/
    font-family: article, serif;
}
@font-face {
    font-family: article;
    url("../fonts/Newsreader-Regular.ttf")
}
header>h1{
    color: saddlebrown;
    font-family: 'Climate Crisis', cursive;
}