/*
selector {
  property: value; 
  }
*/
@import url('https://fonts.googleapis.com/css2?family=Barriecito&family=Delius+Swash+Caps&family=Quicksand:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barriecito&family=Delius+Swash+Caps&family=Quicksand:wght@300..700&family=Ysabeau+SC:wght@1..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Arizonia&family=Barriecito&family=Delius+Swash+Caps&family=Quicksand:wght@300..700&family=Ysabeau+SC:wght@1..1000&display=swap');

body{text-align:center;
    background-color:#fff2fc;
    margin:30px;
}
h1{color:black;
}
.header{background-color:white;
        border:10px solid lightgrey ;
        padding:20px;
        margin-top:100px;
        height:100px;
}
h2{color:#ff9ee8;}
h1,h2,h3,h4{font-family:"Ysabeau SC";}
h3{color:black
}
h6 a{font-family:times;
    color:black;
    text-decoration:none;
}
a{color:#ff9ee8;}
p,h4{margin:50px;
    font-family:"Quicksand", arial;
    background-color:white;
    padding:30px;
}
h5 em{font-size:30;
    color:white;
    display:block;
    background-color:#ffccf3;
    margin:30px
    font-family:"Arizonia";
}
h4,img{padding:30px;}
.civil{float:right;}
img{width:80%;}
a{font-family:"Ysabeau SC";}
ul{list-style-type:none;
    background-color:white;
    overflow:hidden;
    position:fixed;
    top:0;
    width:100%;
}
li{float:left;
}
li a{display:block;
    text-decoration:none;
    padding:15px;
    text-align:center;
    color:black;
}
.timeline{margin-left:100px;
    text-align:left;
    border-left:solid #ffccf3 10px;
}
.active{background-color:#ffccf3;
}