#project-title {
    img {
        width: 100%;
    }
}

.v {
    color: #ff8500;
}
.o {
    color: #009bff;
}
.s {
    color: #ff0043;
}

#homebttn {
    padding: 1vw 1vh;
	background: white;
	border: dotted 3px red;
}

#work, #publication, #gradshow {
    cursor: url('./img/itskecursor.png') 0 0, auto;

    a:hover {
        cursor: url('./img/guymode.png') 25 25, auto;
    }
    
    background:
        radial-gradient(circle at top left, #009bff 0%, #009bff 7%, transparent 7.5%),
        radial-gradient(circle at top, #ff8500 0%, #ff8500 7%, transparent 7.5%),
        radial-gradient(circle at top right, #009bff 0%, #009bff 7%, transparent 7.5%),
        radial-gradient(circle at center left, #ff0043 0%, #ff0043 7%, transparent 7.5%),
        radial-gradient(circle at center, #009bff 0%, #009bff 14%, transparent 15%),
        radial-gradient(circle at center right, #ff0043 0%, #ff0043 7%, transparent 7.5%),
        radial-gradient(circle at bottom left, #009bff 0%, #009bff 7%, transparent 7.5%),
        radial-gradient(circle at bottom, #ff8500 0%, #ff8500 7%, transparent 7.5%),
        radial-gradient(circle at bottom right, #009bff 0%, #009bff 7%, transparent 7.5%);
    background-size: 200px 200px;
    background-repeat: repeat;
    background-position: 0 0;

    h3 {
        background: white;
        padding: 1vw 1vh;
        font-style: italic;
        font-family: "Times", "Times New Roman", "Georgia", serif;
        font-size: 2em;
        line-height: .25em;
        color: blue;
        margin: 0;
        box-sizing: border-box;
        border-top: 8px double blue;
        border-bottom: 8px double blue;
    }
    li {
        margin: 2vh;
        padding: 1vw 1vh;
        background: white;
        display: inline-block;
        box-sizing: border-box;
        border: double red 6px;
    }
    
    li:nth-child(odd) {
        rotate: 1deg;
    }
    li:nth-child(even) {
        rotate: -1deg;
    }
}