::-moz-selection { /* Code for Firefox */
	color: #000000;
	background: rgb(255, 255, 255);
  }
  
  ::selection {
	color: #000000;
	background: rgb(255, 255, 255);
  }
.stackcol{
	/*display: flex;
	outline: solid;
	outline-color: rgba(220, 220, 220, 0.4);
	padding: 1em;*/
	width: 100%;
	text-align: left;
	transform: translateX(-10%);
	margin-top: 50px;
}
.stackbt{
	display: flex;
	width: 100px;
	text-align: center;
}
.border-bottom{
	/*content: '';
	display:block;
	left: 0;
	bottom: 0;
	width: 0;*/
	border-bottom-style: solid;
  	border-bottom-color: rgb(82, 82, 82) !important;
	animation-delay: 12s;
	animation: border_anim 2s linear forwards;
}
.grid.fixedSpaces {
    height: 300px;
}
.blurbox {
	position: absolute;
	width: 160px;
	height: 160px;
	left: 60%;
	top: 350px;
	clip-path: circle(50% at 50% 50%);
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
	background: rgba(255, 255, 255, 0);
	z-index: 999;
}
.bg-main {
	background-image: url("/assets/img/img-dot.png");
	background-repeat: no-repeat;
	background-position-y: 100%;
	background-position-x: 20%;
	background-size: 220%;
}
.bg-contactMobile{
	background-image: url("/assets/img/t_contact-mobile.png");
	background-repeat: no-repeat;
	background-position-y: 85%;
	background-position-x: -10%;
	background-size: 170%;
}
/* ---- Button --- */
.button.rectangular{
	font-family: "Roboto", sans-serif;
	font-weight: normal;
	background-color: #000;
	outline: 1px solid #64FF64;
	transition: 2s;
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
	background: rgba(255, 255, 255, 0);
	text-decoration: none;
}
.button.rectangular:hover{
	font-family: "Roboto", sans-serif;
	font-weight: normal;
	outline: 1px solid #64FF64;
	opacity: 0.7;
	text-decoration: none !important;
	color: #fff;
}
.button.rectangular:visited{
	font-family: "Roboto", sans-serif;
	font-weight: normal;
	outline: 1px solid #64FF64;
	opacity: 0.7;
	text-decoration: none;
	color: #fff;
}
.disable-link{
	pointer-events: none;        
	text-decoration: none;
	color: rgb(122, 122, 122);
 }
.tabs {
	margin-top: 30px;
	max-width: 300px;
}

@keyframes border_anim {
	0%{
		width: 0%;
	}
	100%{
		width: 100%;
	}
}

/*Small devices (landscape phones, 576px and up) */
@media (min-width: 576px){
  .bg-main {
	background-image: url("/assets/img/img-dot.png");
	background-repeat: no-repeat;
	background-position-y: 100%;
	background-position-x: 20%;
	background-size: 220%;
}
.bg-contactMobile{
	background-image: url("/assets/img/t_contact-mobile.png");
	background-repeat: no-repeat;
	background-position-y: 85%;
	background-position-x: -10%;
	background-size: 170%;
}

} 

/*Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

	.bg-main {
	background-image: url("/assets/img/img-dot.png");
	background-repeat: no-repeat;
	background-position-y: 100%;
	background-position-x: 20%;
	background-size: 220%;
}
.bg-contact{
	background-image: url("/assets/img/t_contact.png");
	background-repeat: no-repeat;
	background-position-y: 60%;
	background-position-x: 40%;
	background-size:70%;
	opacity: 0.8;
} 
} 

/*Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .bg-main {
	background-image: url("/assets/img/img-dot.png");
	background-repeat: no-repeat;
	background-position-y: 65%;
	background-size: 85%;
}
.bg-contact{
	background-image: url("/assets/img/t_contact.png");
	background-repeat: no-repeat;
	background-position-y: 60%;
	background-position-x: 40%;
	background-size:70%;
	transition: 2s;
	opacity: 0.8;
}
}

/*Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
 .bg-main {
	background-image: url("/assets/img/img-dot.png");
	background-repeat: no-repeat;
	background-position-y: 65%;
	background-size: 85%;
}
.bg-contact{
	background-image: url("/assets/img/t_contact.png");
	background-repeat: no-repeat;
	background-position-y: 60%;
	background-position-x: 40%;
	background-size:70%;
	opacity: 0.8;
}
.blurbox {
	position: absolute;
	width: 130px;
	height: 130px;
	left: 41%;
	top: 400px;
	clip-path: circle(50% at 50% 50%);
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
	background: rgba(255, 255, 255, 0);
	z-index: 999;
	}
}
