html{
	height: 100%;
}

#blur{
    filter: blur(5px);
}

body{
    overflow: hidden;
	height: 95%;
	background-image: linear-gradient(-45deg, #0e021c,#420987,#362191, #1738a6,#0d0e69);
    background-size: 400% 300%;
	animation: gradient 20s ease-in-out infinite;
}

a {text-decoration: none;}

.top{
    height: 15%;
    width: 102vw;
    background-image: linear-gradient(to bottom,rgba(0,0,0,0.6),rgba(0,0,0,0));
    padding: 0;
    margin-top: -10px;
    margin-left: -10px;
    margin-right: -10px;
    position: absolute;
    z-index: -1;
}

nav{
    padding-top: 10px;
    user-select: none;
}

.nav_title{
    display: inline;
    margin-top: 15px;
    margin-left: 20px;
}

.nav_items{
    position: absolute;
    right: 20px;
    display: inline;
}

.nav_item{
    padding-left: 25px;
    display: inline;
}

.btn:hover{
    content: '';
    transform: scale(1.15);
    
    transition: 280ms;
}

.btn:hover span{
    width: 100%;
    transform: translate(0%,0%);
    transition: all 280ms ease-out;
}

.btn{
    display: inline-block;
    color: white;
    font-family: Comfortaa;
    font-size: 30px;
    letter-spacing: 0px;
    transition: all 200ms ease-in-out;
}

.btn span{
    margin-bottom: 4px;
    display: block;
    transform: translate(50%,0%);
    width: 0%;
    height: 1px;
    background-color: white;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@font-face {
  font-family: 'Silkscreen';
  src: url('font/slkscr.eot');
  src: url('font/Silkscreen.svg#Silkscreen') format('svg'),
       url('font/Silkscreen.ttf') format('truetype'),
       url('font/Silkscreen.woff') format('woff'),
       url('font/slkscr.eot?#iefix') format('embedded-opentype'),
       url('font/slkscr.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}



/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: rgba(0,0,0,0.7);
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.5);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: rgba(0,0,0,0.3);
}