/* design by publisitio 10.12.023/ 08.04.026 */
@import url('https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap');
:root{
	--main-font: 'Geist Mono', monospace;
}

html,
body{
	height: 100%;
	scroll-behavior: auto;
	scroll-behavior: smooth;
}
body{
	position: relative;
	font: 150 1rem/200% 'JetBrains Mono', monospace;/*18px*/
	color: #000;
	letter-spacing: -.5px;
	text-transform: uppercase;
}
body::after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: repeating-linear-gradient(transparent, transparent 2px, #0000003d 3px);
  background-size: auto 100%;
  pointer-events: none;
}
	@media screen and (max-width: 801px) {
		body::after {
			background: none;
		}
	}
h1, h2, h3, h4, h5{
	font-weight: 200;
}
p{
	text-align: justify;

	&:last-child{
		margin-bottom: 0;
	}
}
ul{
	margin: 0;
	padding: 0;
}
hr{
	border-top: 1px solid rgba(255,255,255,.8);
	margin: .8rem 0;
}

.main-nav {
  position: fixed;
  right: 15px;
  bottom: 15px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: start;

 a {
		text-decoration: none;
	  color: #000;
	  padding: 0px 0px 0px 0px;
	  opacity: .3;
	  transition: all .5s ease;
	  text-align: right;
	  line-height: 1;

	  &:hover{
	  	opacity: 1;
	  	font-weight: 400;
	  }

	  &.active {
		  opacity: 1;
		  font-weight: 400;
		}
	}
	a span{
  	display: block;
  	opacity: .5;
  }
}
@media screen and (max-width: 801px) {
	.main-nav {
		display: none;
	}
	p{
		text-align: left;
	}
}

.stick-it{
	position: sticky;
	align-self: flex-end;
	text-align: left;
	bottom: 15px;
	white-space: nowrap;
}
.categoria{
	font-family: var(--main-font);
	font-size: 18px;
	font-weight: 400;
	margin: 0;
	/*padding-bottom: 1rem;
	border-bottom: 2px solid currentColor;*/

	&::before{
		content: '';
    top: -9px;
    left: 0;
    height: 3px;
    width: 19px;
    background: #060606;
    display: block;
    position: relative;
	}
}
	@media screen and (max-width: 801px) {
		.stick-it{
			position: relative;
			transform: none;
		}
		.categoria{
			margin: 10px 0;
		}
	}
.eng{
	font-size: 80%;
	line-height: 2;
}
.actividades{
	margin-top: 16rem;
	
	& ul{
		list-style: none;
		margin-top: 1rem;

		& li{
			padding: 15px 0;
			font-size: 1rem;
			/*border-bottom: 1px solid #dadada;*/
			font-weight: 200;

			&:first-child{
				font-family: var(--main-font);
				font-size: 2rem;
				font-weight: 200;
				margin: 0;
				border-width: 0;
			}

			&:last-child{
				border-width: 0;
				padding-bottom: 0;
			}

			small{
				display: block;
				font-size: 70%;
				font-weight: 100;
				line-height: 1;
			}
		}
	}
}

	@media screen and (max-width: 801px) {
		.actividades{
			margin-top: -1rem;
		}
	}

.network{
	
	h1{
		font-size: 1rem;
		margin: 0;
	}

	li{
		display: inline-block;
		margin: 1rem .5rem 0 0;
		transition: all .5s ease-in-out;
		width: 30px;
		box-sizing: content-box;

		a{
			transition: all .3s ease-in-out;

			&:hover{
				opacity: .5;
			}
		}
	}
}
	.icons{
		margin-top: 16rem;
	}

	.credits{
		text-align: left;
		font-size: 70%;
		align-self: end;
		line-height: 1;
	}
	a[href="https://www.publisitio.eu/"] {
		color: inherit;
		font-weight: 200;
	  text-decoration: underline;
	  text-underline-offset: .5rem;
	  transition: all .3s ease-in-out;

	  &:hover{
	  	font-weight: 400;
	  }
	}

	/* custom scrollbar */
* {
  scrollbar-color: #000 transparent;
  scrollbar-width: thin;
  /*outline: .5px dashed #000;*/
}