html, body {
    max-width: 100%;
    overflow-x: hidden;
}

body {
	background-color: #121212;
	color: white;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a:link {
    text-decoration: none;
    color: #808080;
}

a:visited {
    text-decoration: none;
    color: #808080;
}

a:hover {
    text-decoration: none;
    color: #fff;
}

a:active {
    text-decoration: none;
    color: #fff;
}


* {
	-webkit-transition: all .6s cubic-bezier(.2,0,0,1);
}

a {
	margin: 0 2px 0 0;
}

.vplock-off {
	overflow: visible;
}

.vplock-on {
	overflow: hidden;
	max-height: 100vh;
}

.vplock-on {
	overflow: hidden;
}


.dribbble a:hover {
	color: #ea4c89;
}

.behance a:hover {
	color: #0057ff;
}

.linkedin a:hover {
	color: #0277B5;
}

.instagram a:hover {
	color: #fff;
}

.twitter a:hover {
	color: #1da1f2;
}

.email a {
	border-bottom: 1px solid #979797;
}

.email a:hover {
	color: #fff;
	border-bottom: 1px solid #fff;
}

::selection {
    color: #fff;
      background: #000;
}
::-moz-selection {
    color: #fff;
    background: #000;
}