body{
    font-family:  'Nunito Sans', sans-serif, Helvetica;
    margin-left: 7%;
    padding-left: 5%;
}
/*menu*/
a{
    text-decoration: none; /* no underline */
    color: black;
    Display:inline-block;
}
a, a:visited{
    color:black; 
}
.menu{
    font-size: 120%;
    text-transform: uppercase;
}
#clicked{
    color: grey;
}

#upperMenu{
    height: 100px;
    margin-left: -30px;
}

#about :hover{
    text-decoration: none;
    color: grey;
}

#portfolio :hover{
    text-decoration: none;
    color: grey;
}

#siteName :hover{
    text-decoration: none;
}

#siteName{
    font-size: 250%;
    text-transform: uppercase;
}
/*end menu */



.hover:hover img {
    opacity: 0.7;
}


.main1{
    transform: rotate(-90deg);
    Display:inline-block;
    text-transform: uppercase;
    vertical-align: baseline;
    font-weight: bold;
    width: 308px;
}

.main{
    width: 0;
    height: 0;
}
#vrText{
    Display:inline-block;
    text-transform: uppercase;
    vertical-align: baseline;
    font-weight: bold;
    width: 308px;
    font-size: 100px;
    padding-left: 50px;
}