@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap');
::-moz-selection {
	color: white;
	background: rgb(7, 240, 7);
  }
  
::selection {
	color: white;
	background: rgb(7, 240, 7);
  }
  .h1 {
	text-align: center;
	color: rgb(255, 255, 255);
	margin-top: 150px;
	text-transform: uppercase;
	font-size: 70px !important;
	text-shadow: 
		0 1px 0 grey,
		0 1px 0 grey,
		0 1px 0 grey,
		0 2px 0 grey,
		0 3px 0 grey,
		0 6px 1px rgba(0,0,0,.1),
		0 0 5px rgba(0,0,0,.1),
		0 1px 3px rgba(0,0,0,.3),
		0 1px 5px rgba(0,0,0,.2),
		0 2px 4px rgba(0,0,0,.25),
		0 5px 5px rgba(0,0,0,.2),
		0 10px 10px rgba(0,0,0,.15);
}
.h1-shadow {
	text-shadow: 
		0 1px 0 rgb(60, 172, 26),
		0 1px 0 rgb(60, 172, 26),
		0 1px 0 rgb(60, 172, 26),
		0 2px 0 rgb(60, 172, 26),
		0 3px 0 rgb(60, 172, 26),
		0 6px 1px rgba(0,0,0,.1),
		0 0 5px rgba(0,0,0,.1),
		0 1px 3px rgba(0,0,0,.3),
		0 1px 5px rgba(0,0,0,.2),
		0 2px 4px rgba(0,0,0,.25),
		0 5px 5px rgba(0,0,0,.2),
		0 10px 10px rgba(0,0,0,.15);
	
}.h1-2 {
	text-align: center;
	color: rgb(255, 255, 255);
	margin-top: 10px;
	text-transform: uppercase;
	font-size: 70px !important;
	text-shadow: 
		0 1px 0 grey,
		0 1px 0 grey,
		0 1px 0 grey,
		0 2px 0 grey,
		0 3px 0 grey,
		0 6px 1px rgba(0,0,0,.1),
		0 0 5px rgba(0,0,0,.1),
		0 1px 3px rgba(0,0,0,.3),
		0 1px 5px rgba(0,0,0,.2),
		0 2px 4px rgba(0,0,0,.25),
		0 5px 5px rgba(0,0,0,.2),
		0 10px 10px rgba(0,0,0,.15);
}
.h1-2-shadow {
	text-shadow: 
		0 1px 0 rgb(60, 172, 26),
		0 1px 0 rgb(60, 172, 26),
		0 1px 0 rgb(60, 172, 26),
		0 2px 0 rgb(60, 172, 26),
		0 3px 0 rgb(60, 172, 26),
		0 6px 1px rgba(0,0,0,.1),
		0 0 5px rgba(0,0,0,.1),
		0 1px 3px rgba(0,0,0,.3),
		0 1px 5px rgba(0,0,0,.2),
		0 2px 4px rgba(0,0,0,.25),
		0 5px 5px rgba(0,0,0,.2),
		0 10px 10px rgba(0,0,0,.15);
	
}
.start-items {
	margin:10rem auto;
	color: #2A2B2C;
	justify-content:center;
}

.start-items .start-item {
	--size:200px;
	margin-right: 14rem;
	transition:.13s ease-out;
	max-width:var(--size)!important;
	height:calc(var(--size) * 1.15)!important;
}
.start-items .start-item::after {
	content:'';
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	left:0;
	transition:inherit;

}
.start-items .start-item:hover {
	transform:scale(1.1);
}

.start-items .start-item .start-item-img {
	padding:35px 5px !important;
	display:flex;
	justify-content:center;
	align-items:center;
	height:100%;
	color: #2A2B2C;
}

.start-items .start-item .start-item-text-wrapper {
	padding: 5px;
	margin:0;
	display:flex;
	align-items:center;
	justify-content:center;
}

.start-item-text-wrapper .start-item-title {
	font-size:1.75rem;
	font-weight:bold;
	color: #39C45C;
	text-decoration: none;
	text-transform: uppercase;
}
.sprog {
	color: white;
	padding: 8px;
	font-family: Arial;
	border-radius: 15% 15%;
  }
  .html {background-color: #ff9800;}
  .css {background-color: #2196F3;}
  .javascript {background-color: #bdbb3c;}
  .php {background-color: #4D598F;}
  .wordpress {background-color: #21759B;}
  .whmcs {background-color: #72CD03;}
  .shopify {background-color: #95bf47;}
  .liquid {background-color: #11109a;}
  .nextjs {background-color: #7777ff;}