/*This is a comment in CSS*/

body{
    font-family: Georgia, serif;
}

h1{
    font-size: 150px;
    font-weight: 400;

}

h2{
    font-size: 80px;
    font-weight: 400;
}

h3{
    font-size: 40px;
    font-weight: 400;
}


p{
    font-size: 20px;
    font-style: italic;
}


p1{
    font-size: 20px;
    color:blueviolet;
}

.centered-wrapper{
    width:800px;
    margin: 0 auto;
    text-align: center;
    padding-top: 200px;
}

.centered-wrapper-2{
    width:800px;
    margin: 0 auto;
    text-align: center;
    line-height: normal;
    /* padding-top: 200px; */
}

/* When giving a child element position absolute you should give the parent position value as well */
/* The child will then be positioned absolute in realtion to the box container of the parent */
/* positioning elements on the page is fundamental to understanding CSS: https://developer.mozilla.org/en-US/docs/Web/CSS/position */
.title{
    position: relative;
    width: 350px;
    text-align: left;
    margin: 0 auto;
}
.millieon{
    position: relative;
    width: 350px;
    text-align: left;
    margin: 0 auto;
    
}
.wei{
    position: relative;
    width: 350px;
    text-align: left;
    margin: 0 auto;
    
}

.chinese{
    color:rgb(255, 115, 115);    
}

.taiwanese{
    color:rgb(75, 140, 245); 
}

.gray{
    color:darkgrey;
}

.title a{
    position: absolute;
}
.title a.forking{
    left: 76%;
    top: -70px;
    rotate: -18deg;
}
.title a.paths{
    left: 78%;
    top: 30px;
    rotate: 22deg;
}

a.dead-link:hover{
    opacity: 0;
}

span#ghost{
    opacity: 0.4;
}