body { 
    margin:0;
    padding:0;
    font-family: "Verdana";
 }

#navigation {
width: 100vw;
height: 5vh;
position: fixed;
background-color:rgba(30,30,30,0.7);
}

.navbar-left{
float: left;
margin-left: 2vw;
color: white;
height: 5vh;
line-height: 5vh;
left: 2vw;
font-size: 0.9vw;
}

.navbar-font {
font-size: 0.9vw;
}

.navbar-space{
float: left;
margin-left: 26vw;
height: 5vh;
color: white;
line-height: 5vh;
left: 35vw;
font-size: 0.9vw;
}
.navbar-other{
float: left;
margin-left: 2vw;
height: 5vh;
color: white;
line-height: 5vh;
left: 40vw;
font-size: 0.9vw;
}


a {
  color: inherit;
  text-decoration: none; /* no underline */
}

h1 {
    font-size: 5vw;
    margin-top: 0;
}

h3 {
    font-size: 3vw;
    margin-top: 0;
}
h4 {
    font-size: 1.5vw;
    margin-top: -4;
}


.text-games{
line-height: 6vh;
}


#image-4-1{
float: left;
margin-top: 1vw;
text-align: center;
background-size: cover;
width: 24%;
height: 40vh;
line-height: 20vh;
color: white;
text-shadow: 0.15vw 0.15vw #000000;
background-position: center center;
}


#image-4-2{
margin-left: 1.5%;
float: left;
margin-top: 1vw;
text-align: center;
background-size: cover;
width: 24%;
height: 40vh;
line-height: 20vh;
color: white;
text-shadow: 0.15vw 0.15vw #000000;
background-position: center center;
}


#image-4-3{
margin-left: 1.5%;
float: left;
margin-top: 1vw;
text-align: center;
background-size: cover;
width: 24%;
height: 40vh;
line-height: 20vh;
color: white;
text-shadow: 0.15vw 0.15vw #000000;
background-position: center center;
}

#image-4-4{
margin-left: 1%;
float: right;
margin-top: 1vw;
text-align: center;
background-size: cover;
width: 24%;
height: 40vh;
line-height: 20vh;
color: white;
text-shadow: 0.15vw 0.15vw #000000;
background-position: center center;
}















#image-3-1{
float: left;
margin-top: 1vw;
text-align: center;
background-size: cover;
width: 32%;
height: 50vh;
line-height: 50vh;
color: white;
text-shadow: 0.2vw 0.2vw #000000;
background-position: center center;
}



#image-3-2{
float: left;
margin-left: 1%;
margin-top: 1vw;
text-align: center;
background-size: cover;
width: 33%;
height: 50vh;
line-height: 50vh;
color: white;
text-shadow: 0.2vw 0.2vw #000000;
background-position: center center;
}

#image-3-3{
float: right;
margin-left: 1%;
margin-top: 1vw;
text-align: center;
background-size: cover;
width: 32%;
height: 50vh;
line-height: 50vh;
color: white;
text-shadow: 0.2vw 0.2vw #000000;
background-position: center center;
}



#image-top{
float:left;
text-align: center;
background-size: cover;
width: 100%;
height: 25vh;
line-height: 25vh;
color: white;
text-shadow: 0.2vw 0.2vw #000000;
background-position: center center;
}

#image-1{
margin-top: 1vw;
float:left;
text-align: center;
background-size: cover;
width: 100%;
height: 25vh;
line-height: 25vh;
color: white;
text-shadow: 0.2vw 0.2vw #000000;
background-position: center center;
}

#image-2{
margin-top: 1vw;
float:left;
text-align: center;
background-size: cover;
width: 100%;
height: 50vh;
line-height: 50vh;
color: white;
text-shadow: 0.2vw 0.2vw #000000;
background-position: center center;
}


#index-image{
text-align: center;
background-size: cover;
width: 100%;
height: 50vh;
line-height: 50vh;
color: white;
text-shadow: 0.2vw 0.2vw #000000;
background-position: center center;
}

#about-profile{
float: left;
margin-left: 5%;
margin-top: 5vw;
text-align: center;
background-size: cover;
width: 25%;
height: 25vw;
line-height: 25vh;
color: white;
text-shadow: 0.2vw 0.2vw #000000;
background-position: center center;
}


#about-text-1{
float: left;
margin-left: 5%;
margin-top: 7vw;
text-align: left;
background-size: cover;
width: 60%;
height: 5vw;
line-height: 5vh;
color: black;
background-position: center center;
}


#about-text-2{
float: left;
margin-left: 5%;
margin-top: 0vw;
text-align: left;
background-size: cover;
width: 60%;
height: 5vw;
line-height: 5vh;
color: black;
background-position: center center;
}

#about-links{
background-image: linear-gradient(#ffffff,#9b9b9b);
float: right;
margin-left: 0%;
margin-top: 5vw;
text-align: center;
background-size: cover;
width: 100%;
height: 10vw;
line-height: 5vw;
color: gray;
background-position: center center;
}
.four-slots{
float:left;
margin-top: 1vw;
margin-left: 1vw;
text-align: center;
background-size: cover;
width: 23.5vw;
height: 25vw;
line-height: 5vw;
color: white;
text-shadow: 0.2vw 0.2vw #000000;
background-position: center center;
}