* {
    margin:0;
    padding:0;
    box-sizing:border-box;
}


body {

    font-family:"Times New Roman", Times, serif;
    background:white;
    color:black;

}



.container {

    display:flex;
    min-height:100vh;

}



.left {

    width:55%;
    padding-left:155px;
    padding-top:75px;
    padding-bottom:75px;

}



.year {

    margin-bottom:18px;

}



.year h2 {

    font-size:18px;
    font-style:italic;
    font-weight:bold;
    margin-bottom:5px;

}



.item {

    font-size:18px;
    line-height:1.05;
    cursor:pointer;

}



.artist {

    font-style:normal;

}



.title {

    font-style:italic;

}



.item:hover {

    text-decoration:underline;

}



.right {

    width:45%;

}



.image-container {

    position:fixed;

    right:100px;
    top:50%;

    transform:translateY(-50%);

    width:500px;

}



#preview {

    width:100%;

    display:block;

    opacity:0;

    transition:opacity .25s ease;

}



#caption {

    margin-top:12px;

    width:100%;

    text-align:center;

    font-size:18px;

    font-style:italic;

    line-height:1.2;

    opacity:0;

    transition:opacity .25s ease;

}

.about-link {

    position:fixed;

    top:25px;

    left:50%;

    transform:translateX(-50%);

    font-family:"Times New Roman", Times, serif;

    font-size:18px;

    font-weight:bold;

    color:black;

    text-decoration:none;

    z-index:100;

}


.about-link:hover {

    text-decoration:underline;

}


@media (max-width: 700px) {


    .container {

        display:flex;
        flex-direction:row;

        width:100vw;

    }



    .left {

        width:50%;

        padding-left:20px;
        padding-right:10px;

        padding-top:70px;

    }



    .year {

        margin-bottom:35px;

    }



    .year h2 {

        font-size:18px;

        margin-bottom:5px;

    }



    .item {

        font-size:16px;

        line-height:1.1;

    }



    .right {

        display:block;

        width:50%;

    }



    .image-container {

        position:fixed;

        width:45vw;

        right:10px;

        top:50%;

        transform:translateY(-50%);

    }



    #preview {

        width:100%;

    }



    #caption {

        font-size:12px;

    }



    .about-link {

        font-size:18px;

        top:15px;

    }


}