body{
    background-color: #0a0a0a;
}
.header-main{
    color:white;
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    min-width:10vw;
    border-bottom: 1px solid #fff;
    margin-top: 0px;
    margin-bottom:10px;
    min-height:100%;
}
.sub-text{
    color:white;
}
.buttonLink {
	box-shadow: 0px 0px 0px 2px #ffffff;
	/* background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%); */
	background-color:#7892c2;
	border-radius:10px;
	border:1px solid #;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Courier New;
	font-size:19px;
	padding:12px 37px;
	text-decoration:none;
    text-shadow:0px 1px 0px #283966;
    margin-bottom:20px;
}
.buttonLink:hover {
	background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	background-color:#476e9e;
}
.buttonLink:active {
	position:relative;
	top:1px;
}
.links{
    text-align:center;
}

/*FACEBOOK*/
.facebook{
    background-color: #4267B2;
}
.facebook:hover{
    background:linear-gradient(to bottom right, #4267B2 5%, #898F9C 100%);
}

/*TWITTER*/
.twitter{
    background-color: #1DA1F2;
}
.twitter:hover{
    background:linear-gradient(to bottom right, #1DA1F2 5%, #657786 100%);
}

/*INSTAGRAM*/
.instagram{
    background:linear-gradient(to bottom right, #833AB4 5%, #E1306C 100%);
}
.instagram:hover{
    background:linear-gradient(to bottom left, #C13584 5%, #FCAF45  100%);
}
/*GITHUB*/
.github{
    background-color:#24292e;
}
.github:hover{
    background:linear-gradient(to bottom right, #24292e 5%, #f6f8fa  100%)
}

/*REDDIT*/
.reddit{
    background-color:#FF5700;
}
.reddit:hover{
    background:linear-gradient(to bottom right, #FF5700 5%, #FF4500  100%)
}
/*SNAPCHAT*/
.snapchat{
    background-color:#FFFC00;
    text-shadow: 
        /* first layer at 1px */
        -1px -1px 0px #000,
         0px -1px 0px #000,
         1px -1px 0px #000,
        -1px  0px 0px #000,
         1px  0px 0px #000,
        -1px  1px 0px #000,
         0px  1px 0px #000,
         1px  1px 0px #000,
        /* second layer at 2px */
        -2px -2px 0px #000,
        -1px -2px 0px #000,
         0px -2px 0px #000,
         1px -2px 0px #000,
         2px -2px 0px #000,
         2px -1px 0px #000,
         2px  0px 0px #000,
         2px  1px 0px #000,
         2px  2px 0px #000,
         1px  2px 0px #000,
         0px  2px 0px #000,
        -1px  2px 0px #000,
        -2px  2px 0px #000,
        -2px  1px 0px #000,
        -2px  0px 0px #000,
        -2px -1px 0px #000;
}
.snapchat:hover{
    background:linear-gradient(to bottom right, #FFFC00 5%, #FFFC00  100%)
}
.logo{
    width:20%;
    margin-top:40px;
}
.logo:hover {
    box-shadow: 0 0 2px 1px #fff;
  }
@media screen and (max-width:600px){
    .logo{
        width:50%;
    }
}