/* 
    individual book adjustments.

    I do the lining up of the books
    in a dumb way, because I'm new at this and 
    honestly it seemed like the easy way at the time,
    considering I wanted to include some amount of accesibility,
    i.e. the website can be somewhat navigated using the tab button.
    eventually I'll find out how to make tooltips show on tab
    hover as well as normal hover, but until then it's only a 
    somewhat solution.

    In any case, every new book gets pushed by the old books 
    original placement, regardless of current placement.
    Surely this will not be a problem and, in any case, will not cause
    exponenially growing issues down the line. no no. 
    certainly. not.

    Im starting to consider doing an evenly spaced situation,
    where each book is then moved slightly over based on whether
    its lefthand neighbor is thick thin or medium.
    Alas, that seems like a lot of work when this works fineeeee.

*/

.project1
{
    /* border: 1px solid rgb(0, 255, 26); */
    left: 0%;
}

.project2
{
    /* border: 1px solid blue; */
    left: 5.7%;
}

.project3
{
    /* border: 1px solid rgb(0, 255, 51); */
    left: 10.2%;
}

.project4
{
    /* border: 1px solid blue; */
    left: 15%;
}

.project5
{
    /* border: 1px solid rgb(229, 255, 0); */
    left: 19.6%;
}

.project6
{
    /* border: 1px solid purple; */
    left: 22.2%;
}

.project7
{
    /* border: 1px solid green; */
    left: 28%;
}

.project8
{
    /* border: 1px solid blue; */
    left: 30.2%;
}

.project9
{
    /* border: 1px solid yellow; */
    left: 32.2%;
}

.project10
{
    /* border: 1px solid red; */
    left: 34.6%;
}

.project11
{
    /* border: 1px solid green; */
    left: 39%;
}