@media (min-width: 768px) {
	::-webkit-scrollbar {
		width: 0.5vh;
	}
	::-webkit-scrollbar-track {
		background: none;
	}
	::-webkit-scrollbar-thumb {
		background: white;
	}
	nav {
		text-align: center;
	}
	nav a:hover {
		color: #000026;
	}
	#wrap {
		scroll-snap-type: revert;
	}
	.symbols:hover, #lang1:hover, #lang2:hover {
		opacity: 1;
	}
	#rainbow div {
		letter-spacing: 4.5vw;
		font-size: 10vw;
	}
	i:hover {
		border-color: white;
	}
	#welcome {
		height: 300vh;
		overflow: visible;
		view-timeline-name: --welcome-pin;
		view-timeline-axis: block;
	}
	#pinwrapSticky {
		height: 100vh;
		width: 100vw;
		position: sticky;
		top: 0;
		overflow-x: hidden;
	}
	#pinwrapSticky::before {
		animation-timeline: --welcome-pin;
		animation-range: contain 1% contain 100%;
	}
	#horBox {
		animation: linear move forwards;
		animation-timeline: --welcome-pin;
		animation-range: contain 0% contain 100%;
		padding-right: 0.4vh;
	}
	.horWrap {
		grid-template-columns: 20vw 60vw 20vw;
	}
	.horCont {
		font-size: 12vh;
	}
	.horImg img {
		animation-timeline: --welcome-pin;
	}
	.news {
		line-height: revert;
		transition: 0.4s;
	}
	.news:hover {
		background: white;
		color: #000026;
	}
	#portfolio div {
		width: 20%;
		height: 19.9vw;
	}
	#portfolio div::after {
		padding: 15vh;
		transition: 5s;
	}
	#portfolio div:hover::after {
		transform: rotate(1800deg);
	}
	#portfolio .img-box::before {
		display: block;
		content: '';
		height: 1vh;
		width: 0;
		position: absolute;
		bottom: 0;
		background: white;
		transition: 0.4s;
		z-index: 2;
	}
	#portfolio div:hover img {
		transform: scale(1.03);
		cursor: pointer;
	}
	#portfolio .img-box:hover::before {
		width: 100%;
	}
	#morePort span{
		font-size: 40vh;
		line-height: 40vh;
	}
	#portfolio a .img-box:hover span{
		animation: dance 1s linear infinite;
	}
	#contact {
		height: 150vh;
	}
	#contact span {
		font-size: 20vh;
		text-align: left;
		left: 5vh;
		width: 40vw;
		animation: ease-in-out fade-in, linear left-in;
		animation-timeline: view();
		bottom: revert;
		padding-top: 25vh;
	}
	#redes {
		width: 20vh;
		float: right;
		position: absolute;
		right: 5vh;
	}
	#redes svg {
		width: 20vh;
		display: block;
		margin-bottom: 1vh;
		animation: ease-in-out fade-in, linear right-in;
		animation-timeline: view();
		transition: 0.4s;
	}
	#redes a:hover {
		color: #000026;
	}
	#modal img {
		width: 96vh;
		padding: 2vh;
		float: left;
	}
	#desc {
		float: left;
		width: calc(100vw - 106vh);
		height: revert;
	}
	.descDesc {
		height: 77.5vh;
		padding-right: 2vh;
		overflow: auto;
	}
	#desc svg:hover {
		color: #c8697d;
	}
	#close {
		transition: 0.4s;
	}
	#close:hover {
		cursor: pointer;
		opacity: 1;
	}
}