body {
				color: #333;
				font-family: 'Open Sans', sans-serif;
				margin: 0;
				padding: 0;
			}

			main {
				margin: 40px;
			}

			h1 {
			 	font-size: 30px;
			 	margin-bottom: 40px;
			}

			.button_container {
				border: 1px solid #ddd;
				margin: 0 10px 10px 0;
				padding: 20px;
				width: 300px;
				height: 300px;
				float: left;
				overflow: hidden;
				box-sizing: border-box;
				text-align: center;
			}



			a#btn_spotify {
				display: inline-block;
				height: 50px;
				box-sizing: border-box;
				border-radius: 25px;
				margin: auto;
				margin-top: 100px;
				padding: 10px 40px 0 40px;
				background-color: #2ebd59;
				border: 2px solid #2ebd59;
				color: #fff;
				font-size: 20px;
				font-family: 'Montserrat', sans-serif;
				font-weight: bold;
				text-decoration: none;
				transition: all .5s;
			}

			a#btn_spotify:hover {
				background-color: #fff;
				border: 2px solid #000;
				color: #000;
			}

			a#btn_amazon {
				display: block;
				width: 100px;
				height: 100px;
				box-sizing: border-box;
				border-radius: 50px;
				margin: auto;
				margin-top: 75px;
				padding-top: 8px;
				background-color: #232f3e;
				color: #fff;
				text-align: center;
				font-size: 60px;
				transition: all .2s;
			}

			a#btn_amazon:hover {
				background-color: #fc9a18;
			}

			a#btn_twitter {
				display: inline-block;
				height: 40px;
				box-sizing: border-box;
				border-radius: 4px;
				margin: auto;
				margin-top: 105px;
				padding: 10px 30px 0 30px;
				background-color: #56cdf1;
				color: #fff;
				font-size: 18px;
				font-family: 'Arial', sans-serif;
				font-weight: bold;
				text-decoration: none;
			}

			a#btn_twitter:hover {

				/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2ebfec+0,28a5cb+100 */
				background: rgb(46,191,236); /* Old browsers */
				background: -moz-linear-gradient(-45deg,  rgba(46,191,236,1) 0%, rgba(40,165,203,1) 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(-45deg,  rgba(46,191,236,1) 0%,rgba(40,165,203,1) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(135deg,  rgba(46,191,236,1) 0%,rgba(40,165,203,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ebfec', endColorstr='#28a5cb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

			}

			a#btn_indiegogo {
				display: inline-block;
				position: relative;
				margin:auto;
				margin-top: 100px;
				padding: 8px 16px;
				background-color: #fff;
				color: #eb1478;
				font-family: 'Ubuntu', sans-serif;
				font-size: 30px;
				font-weight: bold;
				text-transform: uppercase;
				text-decoration: none;
				letter-spacing: -2px;
				transition: all .2s;
			}

			a#btn_indiegogo:before {
				content: "";
				display: block;
				width: 0;
				height: 0;
				z-index: 1;
				position: absolute;
				top: 50%;
				left: 50%;
				background-color: #eb1478;
				transition: all .5s;
			}

			a#btn_indiegogo:hover {
				color: #fff;
			}

			a#btn_indiegogo:hover:before {
				width: 100%;
				height: 100%;
				left: 0;
				top: 0;
			}

			a#btn_indiegogo span {
				position: relative;
				z-index: 10;
			}


			a#btn_cocacola {
				display: inline-block;
				height: 100px;
				width:100px;
				box-sizing: border-box;
				border-radius: 100%;
				margin: auto;
				margin-top: 85px;
				padding: 36px 40px 0 10px;
				background-color: #ca0000;
				color: #fff;
				font-size: 24px;
				font-family: 'Lobster';
				text-decoration: none;


			}
			a#btn_cocacola span {
				z-index: 10;
			}
			a#btn_cocacola:hover {

				background-color: rgb(255, 0, 0);
				border:10px solid #000000;
				font-size: 18px;
				padding: 30px 40px 0 10px;
			}
			a#btn_apple {
				display: inline-block;
				margin: auto;
				margin-top: 85px;
				padding:20px;
				font-size: 36px;
				text-decoration: none;
				color: #fff;
				border: 2px solid #8f8f8f;
				border-radius: 10%;
				background-image: -webkit-linear-gradient(30deg, #8f8f8f 50%, transparent 50%);
				background-image: linear-gradient(30deg, #8f8f8f 50%, transparent 50%);
				background-size: 500px;
				background-repeat: no-repeat;
				background-position: 0%;
				-webkit-transition: background 500ms ease-in-out;
				transition: background 500ms ease-in-out;
			  }
			
			  a#btn_apple:hover {
				background-position: 100%;
				color: #000000;
			  }
			  a#btn_ibm {
				display: inline-block;
				margin: auto;
				margin-top: 100px;
				font-size: 42px;				
				font-family: 'Roboto Slab', serif;
				text-decoration: none;
				box-shadow: inset 0 0 0 0 #0015d1;
				letter-spacing: 2px;
				color: #0015d1;
				padding: 0 .25rem;
				transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
			  }
			  a#btn_ibm:hover {
				box-shadow: inset 100px 0 0 0 #0015d1;
				color: white;
			  }
			  a#btn_kors{
				display: inline-block;
				width:100px;
				height:100px;
				/* box-sizing: border-box; */
				border:10px solid #000000;
				border-radius: 100%;
				margin: auto;
				padding-top: 20px;
				margin-top: 70px;
				/* padding: 100px -11px 0 10px; */
				border:10px solid #000000;
				color: rgb(0, 0, 0);
				font-size: 50px;
				font-weight: 800;
				text-decoration: none;
				transition: all .5s;
			}
			a#btn_kors span {
				z-index: 10;
			}
			a#btn_kors:hover {
				border:1px solid #000000;
				font-weight:100;
			}
		
			a#btn_ideo{
			display: inline-block;
			text-decoration: none;
			font-size: 36px;
			font-weight: 300;
			margin: auto;
			margin-top: 85px;
			padding:20px;
			border: 2px solid #3c73ff;
			background-color: #3c73ff;
			border-radius: 20px;
			color: #fff;
			transition: .3s;
			}
			a#btn_ideo:hover {
			box-shadow: 8px 8px #99bdff;
			transition: .3s;
			font-style: italic;

			}
			
			a#btn_sardella{
			font-family: 'Kalam', cursive;
			display: inline-block;
			margin: auto;
			margin-top: 85px;
			padding:20px;
			font-size: 36px;
			text-decoration: none;
			background-color: transparent;
			/* border: 0.0001px solid #d700d7; */
			border-radius: 50px;
			-webkit-transition: all .15s ease-in-out;
			transition: all .15s ease-in-out;
			color: #46ffe6;
			}
			a#btn_sardella:hover {
			box-shadow: 0 0 10px 0 #46ffe6 inset, 0 0 20px 2px #46ffe6;
			border: 0.01px solid #46ffe6;
			}

			a#btn_lyft {
			color: #ffffff;
			display: inline-block;
			text-decoration: none;
			font-size: 30px;
			font-weight: 700;
			margin: auto;
			margin-top: 85px;
			padding:20px;
			width: 200px;
			border-radius: 20;
			font-family: 'Fugaz One', cursive;
			background-color: #ff14e0;
			background-image: #ff14e0;
			background-image: -moz-linear-gradient(top, #fff 0%, #ff14e0 100%); 
			background-image: -webkit-linear-gradient(top, #fff 0%,#ff14e0 100%); 
			background-image: linear-gradient(to bottom, #fff 0%,#ff14e0 100%); 
			background-size: 300px;
			background-repeat: no-repeat;
			background-position: 0%;
			-webkit-transition: background 300ms ease-in-out;
			transition: background 300ms ease-in-out;
		}
			a#btn_lyft:hover {
			background-position: -400%;
			transition: background 300ms ease-in-out;
			}

			a#btn_craigslist{
				font-family: 'Times New Roman', serif;

				margin-top: 50px;
				border-radius: 4px;
				border: none;
				color: #000000;
				text-align: center;
				font-size: 28px;
				padding: 20px;
				width: 200px;
				transition: all 0.5s;
				cursor: pointer;
			  }
			  
			  a#btn_craigslist span {
				margin-top: 100px;
				cursor: pointer;
				display: inline-block;
				position: relative;
				transition: 0.5s;
			  }
			  
			  a#btn_craigslist span:after {
				content: '\00bb';
				position: absolute;
				opacity: 0;
				top: 0;
				right: -20px;
				transition: 0.5s;
			  }
			  
			  a#btn_craigslist:hover span {
				padding-right: 25px;
			  }
			  
			  a#btn_craigslist:hover span:after {
				opacity: 1;
				right: 0;
			  }
			  a#btn_samsung {
				display: inline-block;
				height: 100px;
				box-sizing: border-box;
				border-radius: 10px;
				margin: auto;
				margin-top: 80px;
				padding: 37px 30px 0 30px;
				background-color: #1020ff;
				color: #fff;
				font-size: 26px;
				font-family: 'Arial', sans-serif;
				font-weight: bold;
				text-decoration: none;
			}

			a#btn_samsung:hover {

			
				display: inline-block;
				height: 70px;
				box-sizing: border-box;
				border-radius: 10px;
				margin: auto;
				margin-top: 120px;
				padding: 20px 30px 0 30px;
				background-color: #1020ff;
				color: #fff;
				font-size: 26px;
				font-family: 'Arial', sans-serif;
				font-weight: bold;
				text-decoration: none;
				

				background: -webskit-linear-gradient(-45deg,  rgba(46,191,236,1) 0%,rgba(40,165,203,1) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(135deg,  rgba(46,191,236,1) 0%,rgba(40,165,203,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			}
			a#btn_cn{
				display: inline-block;
				height: 100px;
				color:rgb(0, 0, 0);
				font-size: 60px;
				font-family: 'Arial', sans-serif;
				text-decoration: none;
				font-weight: 900;
				box-sizing: border-box;
				/* border-radius: 10px; */
				margin: auto;
				margin-top: 80px;
				padding: 5px 30px 0 30px;
			}
			a#btn_cn:hover {
				color: rgb(28, 31, 30);
				border: 30px solid rgb(249, 211, 27);
				transition: 0.2s;
				font-size: 30px;

			  }
			 

			a#btn_bissingers{
			color:rgb(158, 136, 37);
			display: inline-block;
			text-decoration: none;
			height: 70px;
			font-size: 40px;
			margin: auto;
			margin-top: 100px;
			font-family: 'Cinzel Decorative', cursive;
			border-top: 3px solid transparent;
			border-bottom: 3px solid transparent;
			-webkit-transition: all .2s ease-in;
			transition: all .2s ease-in;
			}
			a#btn_bissingers:hover {
			border-top: 3px solid rgb(158, 136, 37);
			border-bottom: 3px solid rgb(158, 136, 37);

			}
			a#btn_tonightshow {
				display: inline-block;
				margin: auto;
				margin-top: 70px;
				font-weight: 900;
				padding-top:30px;
				height:70px;
				width:70px;
				text-decoration: none; 
				color: #fff;
				border: 2px solid #120079;
				border-radius: 100%;
				/* background-image: -webkit-linear-gradient(30deg, #61d403 50%, transparent 50%); */
				background-image: linear-gradient(60deg, #7798b3 50%, transparent 50%);
				background-size: 500px;
				background-repeat: no-repeat;
				background-position: 0%;
				-webkit-transition: background 400ms ease-in-out;
				transition: background 400ms ease-in-out;
			  }
			  
			  a#btn_tonightshow:hover {
				background-position: 100%;
				color: #000000;
			  }
			  a#btn_nike {
				display: inline-block;
				text-decoration: none;
				font-size: 36px;
				font-style: italic;
				font-weight: 600;
				margin: auto;
				margin-top: 85px;
				padding:20px;
				width: auto;
				height: 50px;
				border: none;
				outline: none;
				color: #fff;
				background: #111;
				cursor: pointer;
				position: relative;
				z-index: 0;
				border-radius: 10px;
			}
			
			a#btn_nike:before {
				content: '';
				background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
				position: absolute;
				top: -2px;
				left:-2px;
				background-size: 400%;
				z-index: -1;
				filter: blur(5px);
				width: calc(100% + 4px);
				height: calc(100% + 4px);
				animation: glowing 20s linear infinite;
				opacity: 0;
				transition: opacity .3s ease-in-out;
				border-radius: 10px;
			}
			
			a#btn_nike:active {
				color: #000
			}
			
			a#btn_nike:active:after {
				background: transparent;
			}
			
			a#btn_nike:hover:before {
				opacity: 1;
			}
			
			a#btn_nike:after {
				z-index: -1;
				content: '';
				position: absolute;
				width: 100%;
				height: 100%;
				background: #111;
				left: 0;
				top: 0;
				border-radius: 10px;
			}
			
			@keyframes glowing {
				0% { background-position: 0 0; }
				50% { background-position: 400% 0; }
				100% { background-position: 0 0; }
			}
			a#btn_hulk {
			font-family: 'Creepster', cursive;
				display: inline-block;
				position: relative;
				margin:auto;
				font-size:20px;
				margin-top: 100px;
				padding: 8px 16px;
				color: #ffb81f;
				font-family: 'Ubuntu', sans-serif;
				font-size: 30px;
				font-weight: bold;
				text-transform: uppercase;
				text-decoration: none;
				letter-spacing: -2px;
				transition: all .2s;
			}

			
			a#btn_hulk:hover {
				transition: 0.2s;
				display: inline-block;
				font-size:60px;
				position: relative;
				margin:auto;
				margin-top: 70px;
				padding: 0px 16px;
				color: #ff320e;
				font-family: 'Ubuntu', sans-serif;
				font-weight: bold;
				text-transform: uppercase;
				text-decoration: none;			
			}
			
			a#btn_tesla {
				font-family: 'Orbitron', sans-serif;
				color:red;
				display: inline-block;
				height: 100px;
				width:100px;
				box-sizing: border-box;
				font-size: 30px;
				text-decoration: none;
				border-radius: 100%;
				margin: auto;
				margin-top: 85px;
				padding: 29px 140px 20px 10px;
				-webkit-tap-highlight-color: transparent;
				transform: translateZ(0);
				box-shadow: 0 0 1px transparent;
			  }
			  a#btn_tesla:before {
				content: '';
				position: absolute;
				border: #ececec solid 4px;
				top: -16px;
				right: -16px;
				bottom: -16px;
				left: -16px;
				opacity: 0;
				transition-duration: .3s;
				transition-property: top right bottom left;
			  }
			  a#btn_tesla:hover:before {
				top: -8px;
				right: -8px;
				bottom: -8px;
				left: -8px;
				opacity: 1;
			  }
			  a#btn_moo{
				font-family: 'Varela Round', sans-serif;
				display: inline-block;
				height: 140px;
				color:rgb(32, 158, 32);
				font-size: 30px;
				text-decoration: none;
				font-weight: 900;
				margin: auto;
				margin-top: 115px;
				padding: 5px 30px 0 30px;
			}
			a#btn_moo:hover {
				color: rgb(164, 202, 172);
				transition: 0.2s;
				font-size: 30px;
				letter-spacing: 5px;
				font-weight: 100;
			  }
		
			
			a#btn_potter::before,
			li::after
			 {
				font-family: 'Yatra One', cursive;
				color:black;
				text-decoration: none;

			}
			#btn_potter{
				text-decoration: none;
			}
			a#btn_potter::before {
				font-family: 'Yatra One', cursive;
				height: 80%;
				top: 10%;
				left: calc(-0.15em - 0.08em * 2);
				filter: brightness(0.8);
			}
			
			a#btn_potter::after {
				font-family: 'Yatra One', cursive;
				height: 60%;
				top: 20%;
				left: calc(-0.15em * 2 - 0.08em * 3);
				filter: brightness(0.6);
			}
			
			a#btn_potter span {
				font-family: 'Yatra One', cursive;
				color:black;
				font-weight: 900;
				position: relative;
				height: 50px;
				top: 90px;
				box-sizing: border-box;
				background-color: rgb(255, 255, 255);
				border: 0.08em solid;
				border-radius:20px;
				display: flex;
				align-items: center;
				justify-content: center;
				font-family: sans-serif;
				text-transform: capitalize;
				transform: translateX(calc(-0.15em * 3 - 0.08em * 2));
				transition: 0.3s;
			}
			
			a#btn_potter:hover span {
				color:white;
				background-color: rgb(110, 72, 212);
				transform: translateX(0.15em);
				box-shadow: 0 0 10px 0 #fff346 inset, 0 0 20px 2px #fff346;
				border: 0.01px solid #fff346;
				font-family: 'Yatra One', cursive;
			}
			a#btn_fitbit {
				padding: 10px;
				color: rgb(0, 0, 0);

				display: inline-block;
				position: relative;
				margin:auto;
				font-style: italic;
				font-size:36px;
				margin-top: 100px;
				padding: 8px 16px;
				text-decoration: none;
			  }
			  a#btn_fitbit:hover{
				transition: 0.2s;
				color: rgb(0, 189, 202);
				font-size:50px;
				letter-spacing: -1px;

			  }
			  .wrapper{
				position: fixed;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
			  }
			  
			  a#btn_fb{
				display: block;
				font-size: 24px;
				margin-top: 80px;
				font-family: sans-serif;
				text-decoration: none;
				color: #333;
				border-top: 2px solid #333;
				border-bottom: 2px solid #333;
				padding: 10px;
				letter-spacing: 2px;
				transition: all .25s;
			  }
			  
			  a#btn_fb:hover{
				border-top: 2px solid rgb(149, 199, 255);
				border-bottom: 2px solid rgb(149, 199, 255);
				color:rgb(149, 199, 255);
				letter-spacing: 15px;
			  }
			  a#btn_hsn {
				padding: -21px 40px 0 40px;
				text-decoration: none;
				display: block;
				width: 100px;
				height: 100px;
				box-sizing: border-box;
				border-radius: 50px;
				margin: auto;
				margin-top: 75px;
				padding-top: 18px;
				background-color: #232f3e;
				color: #fff;
				text-align: center;
				font-size: 40px;
				font-weight: 700;
				transition: all .2s;

			}

			a#btn_hsn:hover {
				transition: all .5s;

				background: #1e5799; /* Old browsers */
				background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #9ec6e5 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#9ec6e5 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#9ec6e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImagesTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#9ec6e5',GradientType=0 ); /* IE6-9 */			}