html {
    background-image: url(images/sparkle.gif);
}

h1{
    color:#e7caca;
}
h2 {
    color: #CA89A5;
}

h3 {
    color: #A66384;
}

h4 {
    color: #63365C;
}

h5 {
    color: #392B3D;
    font-size: 50px;
}
#header{
    font-family: "Syne Mono", monospace;
    padding: 80px;
    color:#e7caca;
    text-align: center;
    
}
#header h1{
    font-size: 80px;
}
#header a {
    background-color: #b500e2;
}
#contents{
    height:200px;
    font-family: "Syne Mono", monospace;
    padding: 1px;
    color:#e7caca
}
#blog{

    background-color: #5f2d6b;
    border-radius: 5px;
    font-family: "Syne Mono", monospace;
    padding: 30px;
    color:#e7caca;
    width: 1250px;
    margin: 0 auto;
    

}

#blog h1{
    font-size: 50px;
    color:#e9b2ca;
    text-align: center;
    overflow: scroll;
}

#blogposts{
    background-color:#151A1D;
    padding:20px;
    border-radius: 10px;
    text-align: center;
    width:1000px;
    height: 600px;
    margin: 0 auto;
    overflow: scroll;

    
}
#currentfav{
    padding:20px;

}

#currentfav p{
    text-align: left;

}

#blogtext p{
    font-size: 20px;
    color:rgb(255, 101, 160);
    padding:20px;

}
#lightblogtext p{
    color:rgb(247, 163, 195);
    font-size: 20px;
    padding:20px;
}



#hyperlinks{
    font-family: "Syne Mono", monospace;
    padding: 1px;

}
#aboutme{
    background-color: #5f2d6b;
    border-radius: 30px;
    font-family: "Syne Mono", monospace;
    padding: 20px;
    color:#e7caca;
    text-align: center;

}

#aboutme h2{
    text-align:left;
    
}
#aboutme p{
    text-align: left;
}

#favorites{
    background-color:#151A1D;
    padding: 20px;
    width: 25%;
    float:left;
    
}
 #activites{
    background-color:#151A1D;
    padding: 20px;
    width: 25%;
    margin: 0px 20px 20px 20px;
    width: 600px;
    height: 400px;
    float:left;
 }
 #Facts{
    background-color:#151A1D;
    padding: 20px;
    width: 25%;
    float:left;
 }
#clipart1{
    position:absolute;
    top: 489px;
    left: 210px;

}
#clipart2{
    position:absolute;
    top: 589px;
    left: 400px;

}
#clipart3{
    position:absolute;
    top: 430px;
    left: 400px;

}

#clipart3 img{
    width: 70px;
}
#clipart4{
    position:absolute;
    top: 470px;
    left:1510px;


}
#clipart4 img{
    width: 90px;
}

#clipart5{
    position:absolute;
    top: 570px;
    left: 700px;



}
#clipart5 img{
    width: 150px;
}
#clipart6{
    position:absolute;
    top: 430px;
    left: 1000px;
}

#clipart7{
    position:absolute;
    top: 660px;
    left: 350px;
}
#clipart7 img{
    width: 90px;
}

#clipart8{
    position:absolute;
    top: 40px;
    left: 1325px;
}
#clipart8 img{
    width:100px;
}

#clipart9{
    position:absolute;
    top: 808px;
}

#clipart10{
    position:absolute;
    top: 852px;
    left: 1000px;
}

#clipart10 img{
    width: 400px;
}

#clipart11{
    position:absolute;
    top: 1109px;
    left: 879px;
}

#clipart11 img{
    width: 137px;
}
#clipart12{
    position:absolute;
    top: 1109px;
    left: 750px;
}
#clipart12 img{
    width: 137px;
}
#clipart13{
    position:absolute;
    top: 1109px;
    left: 613px;
}
#clipart13 img{
    width: 137px;
}

#clipart14{
    position:absolute;
    top: 1109px;
    left: 476px;
}
#clipart14 img{
    width: 137px;
}
#clipart15{
    position:absolute;
    top: 1109px;
    left: 350px;
}
#clipart15 img{
    width: 137px;
}
#clipart16{
    position:absolute;
    top: 1109px;
    left: 1400px;
}
#clipart16 img{
    width: 137px;
}
#clipart17{
    position:absolute;
    top: 1109px;
    left: 305px;
}
#clipart17 img{
    width: 137px;
}

#clipart18{
    position:absolute;
    top: 1109px;
    left: 1477px;
}
#clipart18 img{
    width: 137px;
}

#clipart19{
    position:absolute;
    top: 980px;
    left: 1260px;
}
#clipart19 img{
    width: 257px;
}
#clipart20{
    position:absolute;
    top: 1380px;
    left: 20px;
}
#clipart20 img{
    width: 257px;
}
#clipart21{
    position:absolute;
    top: 1010px;
    left: 930px;
}
#clipart21 img{
    width: 107px;
}

#clipart22{
    position:absolute;
    top: 1790px;
    left: 1250px;
    transform:rotate(-25deg);
}
#clipart22 img{
    width: 407px;  
} 

#clipart23{
    position:absolute;
    top: 1300px;
    left: 100px;
}
#clipart23 img{
    width: 107px;
}

#clipart24{
    position:absolute;
    top: 1290px;
    left: 200px;
}
#clipart24 img{
    width: 107px;
}

#clipart25{
    position:absolute;
    top: 1015px;
    left: 750px;
}
#clipart25 img{
    width: 177px;
}

#clipart26{
    position:absolute;
    top: 1785px;
    left: 280px;
}
#clipart26 img{
    width: 177px;
}

#clipart27{
    position:absolute;
    top: 1760px;
    left: 40px;
}
#clipart27 img{
    width: 177px;
}
#clipart28{
    position:absolute;
    top: 910px;
    left: 720px;
}
#clipart28 img{
    width: 300px;
}   
#clipart29{
    position:absolute;
    top: 960px;
    left: 1560px;
}
#clipart29 img{
    width: 300px;
}

#clipart30{
    position:absolute;
    top: 930px;
    left: 600px;
}
#clipart30 img{
    width: 150px;
}

#clipart31{
    position:absolute;
    top: 1020px;
    left: 700px;
}
#clipart31 img{
    width: 100px;
}
#clipart32{
    position:absolute;
    top: 1013px;
    left: 1510px;
}
#clipart32 img{
    width: 80px;
}

#clipart33{
    position:absolute;
    top: 993px;
    left: 30px;
}
#clipart33 img{
    width: 180px;
}

#clipart34{
    position:absolute;
    top: 1300px;
    left: 1700px;
}
#clipart34 img{
    width: 100px; 
}

#clipart35{
    position:absolute;
    top: 1040px;
    left: 850px;
}
#clipart35 img{
    width: 120px;
}

#clipart36{
    position:absolute;
    top: 1640px;
    left: 1650px;
}
#clipart36 img{
    width: 220px;
}

#navbar {
    text-align: center;
    display: block;
    margin: 0 auto;
    width:1372px


}
#navbar ul {
    list-style-type: none;
    margin: 0;
    padding: 0px;
    background-color: #e2669a;
    display: flex;
    justify-content: center;
}
#navbar ul li {
    float: left;
}
#navbar ul li a {
    display: block;
    color: white;
    text-align: center;
    padding: 19px 80px;
    text-decoration: none;
    font-size: 25px;
    border-left: 2px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 3px solid #000000;
    border-top: 3px solid #000000;  
}
#navbar ul li a:hover {
    background-color: #111111;
}