body {
    background-image: url('images/tattoo-dithered.png');
    background-size:cover;
    overflow-y: scroll;
}

.container {
    position:absolute;
    background-color:#190028;
    opacity: 1;
    top:5vw;
    width:80vw;
    left:10vw;
    overflow-y: scroll;
    height:400vw;
    display:grid;
    grid-template-columns: 40vw 40vw;
    grid-template-rows: 20vw 20vw 20vw 20vw 20vw 20vw 20vw 20vw 20vw 20vw 20vw 20vw 20vw 20vw;
    margin:1vw;
}

::-webkit-scrollbar {
    display:none;
}

* {
    color:#7DD171;
    font-size:1vw;
    margin:0.5vw;
}

h1{
    color:#4F5480;
    font-size:1.8vw;
    margin:0.5vw;
}

#navdiv {
    position:absolute; 
    top:2vw;
    height:3vw;
    right:9vw;
    width:34vw;
    background-color: #190028;
    padding:0vw;
}

#nav {
    list-style-type:none;
    
}

.nav {
    float: left;
    margin-right: 1vw;
}

a {
    color:white;
}

a:hover {
    color:#4F5480;
}

a:visited {
    color:#4F5480
}

#text {
    grid-column: 1/2;
    grid-row: 1/15;
    overflow: hidden;
    padding-left:1vw;
}

#images {
    grid-column: 2/3;
    grid-row: 1/15;
    padding:1vw;
    overflow:hidden;
}

.img {
    width:36vw;
    margin:0.5vw;
}

#title {
    position:absolute;
    top:1vw;
    font-size:4vw;
    left:13vw;
    color:#7DD171;
    padding:0vw;
    margin:0vw;
}