.cursor,
.lenis.lenis-scrolling iframe {
	pointer-events: none;
}
.loader table,
nav table {
	width: 99vw;
	padding: 0 0.3vw;
}
nav table tr td:nth-child(2),
nav table tr td:nth-child(3) {
	border-left: 2px solid var(--textColorDark);
	padding-left: 5vw;
}
.close a,
.heading-text h1,
.lenis.lenis-stopped,
.project-1 p,
.project-2 p,
.text-rolling {
	overflow: hidden;
}
.img-container img,
.img-hover img,
.right-side img:nth-child(2) {
	object-fit: cover;
}
.end-counter img,
.text-container img,
nav:hover .nav-icon img {
	animation: 2s linear infinite rotate;
}
.con,
.con-about {
	animation-name: move;
	animation-duration: 31s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	white-space: nowrap;
}
.loader,
.swiper,
nav a {
	-webkit-user-drag: none;
}
.close a,
.menu-links a,
.text-rolling,
a,
nav a {
	text-decoration: none;
}
.con,
.con-about,
.con-footer,
.moving-text {
	white-space: nowrap;
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body,
html {
	height: 100%;
	width: 100%;
	font-family: "PP Neue Montreal";
	overflow-x: hidden;
	user-select: none;
}
:root {
	--primaryColor: #f2f2f7;
	--loaderColor: #161c17;
	--textColorLight: #e4e1d9;
	--textColorDark: #222222;
	--menuColor: #c1e575;
	--linksColor: #000000;
	--linksHeadingColor: #504e4e;
	--linkLightColor: #765f5f;
	--scrollerAbout: #dadada;
	--project1-bg: #e1ded9;
	--project2-bg: #d2b8c9;
	--footer-reach: #4b4949;
	--scrollerFooter: #b9bab6;
	--baseFont: "Base Neue Trial", sans-serif;
	--nbProFont: "NB International Pro", sans-serif;
	--nbFont: "NB International", sans-serif;
	--GTFont: "GT Walsheim Trial", sans-serif;
	--NuckleFont: "Nuckle", sans-serif;
	--GroteskFont: "Right Grotesk", sans-serif;
	--MontrealFont: "PP Neue Montreal", sans-serif;
	--NeueProFont: "Neue Haas Grotesk Display Pro", sans-serif;
	--NNGroteskFont: "NN Nouvelle Grotesk", sans-serif;
	--newFont: "Satoshi", sans-serif;
}
main {
	position: relative;
	z-index: 17;
	width: 100%;
	background-color: var(--primaryColor);
}
::-webkit-scrollbar {
	width: 1px;
	height: 7px;
	background-color: var(--loaderColor);
}
::-webkit-scrollbar-thumb {
	background: var(--textColorDark);
	border-radius: 5px;
}
::selection {
	background-color: var(--menuColor);
	color: var(--textColorDark);
}
.cursor,
.loader {
	background-color: var(--loaderColor);
	position: fixed;
	user-select: none;
}
.cursor {
	width: 5vw;
	height: 5vw;
	border-radius: 50%;
	z-index: 95;
	opacity: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.heading-text h1 span,
.project-1 p span,
.project-2 p span,
.project-title h1 span,
.project-title-2 h1 span,
.text-rolling {
	display: inline-block;
}
.scroller,
.scroller-about,
.scroller-footer,
a {
	user-select: none;
}
.text-rolling {
	height: 1.5vw;
	width: 100%;
	color: var(--textColorDark);
	font-size: 1vw;
	font-weight: 400;
}
.loader,
.loader table,
.menu {
	color: var(--textColorLight);
}
.text-rolling.play .letter,
.text-rolling:hover .letter {
	transform: translateY(-130%);
}
.text-rolling .block:last-child {
	color: var(--textColorDark);
	font-size: 1vw;
	font-weight: 500;
}
.text-rolling .block {
	width: 100%;
	height: 100%;
}
.text-rolling .letter {
	display: inline-block;
	transition: transform 0.3s cubic-bezier(0.76, 0, 0.24, 1);
}
.letter:first-child {
	transition-delay: 0s;
}
.letter:nth-child(2) {
	transition-delay: 15ms;
}
.letter:nth-child(3) {
	transition-delay: 30ms;
}
.letter:nth-child(4) {
	transition-delay: 45ms;
}
.letter:nth-child(5) {
	transition-delay: 60ms;
}
.letter:nth-child(6) {
	transition-delay: 75ms;
}
.letter:nth-child(7) {
	transition-delay: 90ms;
}
.letter:nth-child(8) {
	transition-delay: 105ms;
}
.letter:nth-child(9) {
	transition-delay: 0.12s;
}
.letter:nth-child(10) {
	transition-delay: 135ms;
}
html.lenis {
	height: auto;
}
.lenis.lenis-smooth {
	scroll-behavior: auto;
}
.lenis.lenis-smooth [data-lenis-prevent] {
	overscroll-behavior: contain;
}
.loader {
	height: 100vh;
	width: 100%;
	z-index: 99;
	padding-top: 0.3vw;
}
.loader table {
	height: 2.3vw;
	margin: auto;
	border: 1px solid var(--textColorLight);
	font-family: var(--baseFont);
}
.loader table tr td:nth-child(2) {
	border-left: 1px solid var(--textColorLight);
	display: flex;
	justify-content: flex-end;
	align-items: center;
	height: 100%;
}
.words {
	height: 80%;
	display: flex;
	justify-content: center;
	transform: translate(41%, 0);
	font-size: 1.7vw;
	flex-direction: column;
}
.words h5:first-child {
	font-family: var(--nbProFont);
	font-weight: 400;
}
.words h5:nth-child(2) {
	font-family: var(--baseFont);
	padding-left: 2.1vw;
	font-weight: 400;
}
.words h5:nth-child(3) {
	font-family: var(--baseFont);
	font-weight: 400;
	margin-top: 0.2vw;
	font-size: 2vw;
}
.end-counter {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-family: var(--nbFont);
	font-size: 3vw;
	padding: 0 1.5vw;
	height: 17%;
}
.end-counter img {
	height: 6vw;
}
.end-counter h1 {
	font-weight: 400;
}
.end-counter h5 {
	font-weight: 400;
	font-family: var(--nbProFont);
	font-size: 1.3vw;
}
@keyframes rotate {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}
.menu {
	height: 100vh;
	width: 100%;
	background-color: var(--menuColor);
	position: fixed;
	z-index: 50;
	padding-top: 0.3vw;
	top: -170%;
	transition: transform 0.5s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.menu-links,
.menu-links p {
	color: var(--linksHeadingColor);
}
.container-hover,
.profile {
	top: 27%;
	position: absolute;
}
.menu-links {
	display: flex;
	flex-direction: column;
	padding: 1vw 9vw;
	font-family: var(--MontrealFont);
	height: 60%;
}
.hero,
nav table {
	font-family: var(--baseFont);
}
.contact-links,
.socials,
.texts {
	color: var(--linksColor);
}
.menu-links p {
	font-family: var(--GroteskFont);
	text-transform: uppercase;
	font-weight: 600;
	font-size: 0.9vw;
	margin-bottom: 3vw;
	margin-left: 1.8vw;
}
.menu-links a,
.menu-links span,
.socials a {
	color: var(--textColorDark);
}
.menu-links span {
	font-size: 1.3vw;
	margin-right: 0.7vw;
	margin-bottom: 1vw;
}
.menu-links a {
	font-size: 4vw;
	font-weight: 500;
	line-height: 5vw;
}
.socials-links p,
nav table tr td {
	font-weight: 600;
	text-transform: uppercase;
}
.menu-links a:first-child {
	width: 19%;
}
.menu-links a:nth-child(2),
.menu-links a:nth-child(3) {
	width: 20%;
}
.menu-links a:nth-child(4),
.menu-links a:nth-child(5) {
	width: 25%;
}
.hero,
.page1,
nav {
	width: 100%;
}
.menu-links a span img {
	margin-bottom: 2vw;
	height: 2vw;
	transition: 0.3s;
}
.menu-links a:hover span img {
	transform: rotate(45deg);
	transition: transform 0.5s ease-in-out;
}
.menu-links a:hover span {
	color: var(--linkLightColor);
	transition: 0.3s;
}
.menu-end {
	display: flex;
	gap: 19%;
	padding: 0 3vw;
	height: 14.3vw;
	position: relative;
	margin-top: 0.1vw;
}
.menu-end img {
	height: 90%;
}
.socials {
	display: flex;
	gap: 4vw;
	margin-top: 4.1vw;
}
.socials a {
	font-family: var(--MontrealFont);
}
.contact-content,
.nav-content,
.socials-content,
.socials-links {
	display: flex;
	flex-direction: column;
}
.socials-links a span img {
	height: 0.7vw;
}
.socials-links p {
	color: var(--linksHeadingColor);
	font-family: var(--GroteskFont);
	font-size: 0.7vw;
	margin-bottom: 1vw;
}
.close a,
nav table tr td {
	font-size: 1.3vw;
	font-family: var(--GTFont);
}
.contact-links {
	margin-top: 5.1vw;
	height: 0.7vw;
}
.about-text-container span,
.contact-links a,
.profile img {
	height: 100%;
}
.miscellaneous {
	position: absolute;
	right: 3%;
	height: 100%;
}
.close a,
.hero {
	position: relative;
}
.miscellaneous img:first-child {
	height: 2vw;
	margin-left: 0.1vw;
	margin-top: 0.2vw;
	animation: 3s linear infinite rotate;
}
.miscellaneous img:first-child:hover {
	animation: 1s linear infinite rotate;
}
.miscellaneous img:nth-child(2) {
	height: 70%;
	width: 100%;
}
.miscellaneous-text span {
	width: 15%;
}
.miscellaneous-text {
	display: flex;
	margin-bottom: 0.57vw;
	font-size: 0.8vw;
	margin-left: 0.3vw;
}
.texts {
	margin-top: 0.1vw;
	margin-left: 0.1vw;
}
.about-me h1,
.about-me h5,
.about-text-container,
.close a,
.con h1,
.core-tools,
.hero,
.text-container p,
nav a,
nav table {
	color: var(--textColorDark);
}
.con h1 {
	text-transform: uppercase;
}
.about-me h1,
.img-container,
.project-1,
.project-2,
.seperator,
.seperator-component,
.seperator-footer,
nav {
	margin-left: auto;
	margin-right: auto;
}
.close {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 1.3vw 2.1vw;
}
.close a::after,
nav table tr td:nth-child(5) a::after {
	content: "";
	background: var(--textColorDark);
	height: 0.1vw;
	width: 0%;
	display: block;
	margin: auto;
	transition: 0.3s ease-in-out;
}
.close a:hover::after,
nav table tr td:nth-child(5) a:hover::after {
	width: 97%;
	margin-left: auto;
	margin-right: auto;
}
.page1 {
	height: 89vw;
}
nav {
	height: 4.3%;
	padding: 0.3vw 0.5vw;
}
nav table {
	height: 2.7vw;
	margin: auto;
	border: 2px solid var(--textColorDark);
	display: flex;
	align-items: center;
}
nav table tr {
	width: 100vw;
}
nav table tr td {
	height: 100%;
	width: 100vw;
	letter-spacing: -1px;
	transform: translate(20%);
}
nav table tr td:first-child {
	height: 100%;
	width: 13%;
}
nav table tr td:nth-child(2) {
	height: 100%;
	width: 17%;
	transform: translate(20%);
}
nav table tr td:nth-child(3) {
	height: 100%;
	width: 23%;
	border-right: 2px solid var(--textColorDark);
}
nav table tr td:nth-child(5) {
	height: 100%;
	width: 4vw;
	display: flex;
	transform: translate(0, 23%);
	padding-right: 0.7vw;
	align-items: flex-end;
}
nav table tr td img {
	margin-top: 0.3vw;
	height: 1.7vw;
}
.hero {
	height: 33.1%;
	font-size: 5.5vw;
	text-transform: uppercase;
	padding: 2vw;
	display: flex;
	justify-content: space-between;
	user-select: none;
}
.hero h1 {
	line-height: 12.5vw;
}
.hero h1:first-child {
	font-size: 13.1vw;
}
.hero h1:nth-child(2) {
	font-size: 15.1vw;
}
.heading-text {
	position: absolute;
	z-index: 2;
}
.profile {
	z-index: 1;
	right: 3%;
	height: 64%;
}
.container-hover {
	width: 17%;
	height: 60%;
	display: flex;
	justify-content: center;
	align-items: center;
	right: 5%;
}
.img-container-hover {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.img-blocks-hover,
.img-container-hover .img-overlay-hover,
.img-hover {
	position: absolute;
	width: 100%;
	height: 100%;
}
.img-hover img {
	height: 100%;
	width: 100%;
}
.img-container-hover .img-overlay-hover {
	mix-blend-mode: hard-light;
	background-color: #765f5f;
}
.img-blocks-hover {
	display: flex;
	flex-flow: row wrap;
	align-content: space-between;
	justify-content: space-between;
}
.scroller,
.scroller-about {
	position: relative;
	z-index: 5;
}
.con,
.con h1 {
	display: inline-block;
}
.block-hover {
	height: 40px;
	width: 40px;
	opacity: 0;
	mix-blend-mode: hard-light;
	background: var(--menuColor);
	transition: opacity 0.3s ease-in;
}
.scroller-about,
.seperator,
.seperator-component {
	background-color: var(--textColorDark);
}
.block-hover.active {
	opacity: 0.75;
}
.scroller {
	line-height: 1.2vw;
	font-family: var(--NuckleFont);
}
.moving-text {
	overflow-x: auto;
	gap: -3vw;
}
.con h1 {
	font-size: 1.7vw;
	font-family: nuckle;
	font-weight: 700;
	letter-spacing: -1px;
	mix-blend-mode: difference;
}
@keyframes move {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-100%);
	}
}
.img-container {
	height: 47%;
	width: 99%;
	margin-top: 2vw;
	display: flex;
}
.img-container img:first-child {
	height: 71%;
	width: 25%;
}
.img-container img:nth-child(2) {
	height: 83%;
	width: 25%;
}
.img-container img:nth-child(3) {
	height: 63%;
	width: 25%;
}
.img-container img:nth-child(4) {
	height: 87%;
	width: 25%;
}
.text-container {
	height: 8%;
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 0 2vw;
}
.text-container p {
	width: 31%;
	font-family: var(--GroteskFont);
	font-size: 1vw;
	padding-top: 1.1vw;
}
.about-me h5,
.about-text-container h1 {
	font-family: var(--MontrealFont);
	text-transform: uppercase;
}
.text-container img {
	height: 4vw;
}
.seperator {
	height: 0.1vh;
	width: 96%;
}
.page2 {
	min-height: 100vw;
	width: 100%;
	font-family: var(--baseFont);
	margin-top: 6vw;
}
.about-me h1 {
	font-size: 15vw;
	text-align: center;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.1vw;
}
.con-about h1,
.con-footer h1 {
	mix-blend-mode: difference;
	margin-left: 1vw;
}
.about-me h1 span {
	opacity: 1;
	display: inline-block;
}
.about-me img,
.about-text-container span img,
.projects img {
	height: 2vw;
}
.about-me h5 {
	text-align: right;
	font-size: 2.4vw;
	padding: 6vw 6vw 2vw;
}
.about-text-container {
	height: 33%;
	width: 100%;
	padding-top: 5vw;
	padding-left: 6vw;
}
.about-text-container h1 {
	font-size: 4.7vw;
}
.about-text-container h5 {
	width: 63%;
	font-size: 2vw;
	text-align: left;
	padding-top: 3vw;
	font-family: var(--NeueProFont);
	font-weight: 500;
}
.con-about h1,
.swiper-slide h5 {
	font-weight: 700;
	font-family: var(--baseFont);
}
.scroller-about {
	line-height: 3.2vw;
	font-family: var(--baseFont);
	height: 6vw;
	width: 100%;
	margin-top: 9.9vw;
}
.moving-text-about,
.moving-text-footer {
	white-space: nowrap;
	overflow-x: hidden;
}
.con-about {
	display: inline-block;
	margin-top: 1.5vw;
}
.con-about h1 {
	font-size: 4vw;
	display: inline-block;
	color: var(--scrollerAbout);
	letter-spacing: -1px;
}
.core-tools {
	font-size: 0.9vw;
	font-family: var(--baseFont);
	font-weight: 800;
	padding: 11vw 6vw 0;
	text-transform: uppercase;
}
.swiper {
	height: 50%;
	width: 91%;
	margin-top: 11vw;
	user-select: none;
}
.swiper-slide {
	padding: 0 2vw;
	font-size: 14px;
	border-left: 1px solid rgba(54, 54, 54, 0.505);
	height: 100%;
}
.swiper-slide:first-child {
	border: none;
}
.swiper-slide h5 {
	font-size: 2vw;
	text-align: right;
	color: var(--loaderColor);
}
.project-1,
.projects h1,
.projects h5,
.swiper-slide p {
	color: var(--textColorDark);
}
.swiper-slide p {
	font-family: var(--NNGroteskFont);
	margin-top: 5%;
	line-height: 2.3vw;
	font-size: 1.7vw;
	font-weight: 100;
}
.swiper-backface-hidden .swiper-slide {
	width: 53%;
}
.just-icon {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 9vw 4vw;
}
.just-icon img {
	height: 5vw;
	animation: 3s linear infinite rotate;
}
.page3 {
	height: auto;
	width: 100%;
	font-family: var(--baseFont);
	margin-top: 4vw;
}
.projects h1 {
	font-size: 15vw;
	font-weight: 900;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.1vw;
}
.project-title h1,
.project-title-2 h1 {
	text-transform: uppercase;
	font-weight: bolder;
	overflow: hidden;
}
.projects h5 {
	text-align: left;
	font-size: 2.4vw;
	font-family: var(--MontrealFont);
	text-transform: uppercase;
	padding: 6vw 6vw 2vw;
}
.seperator-component {
	height: 0.1vw;
	width: 89%;
}
.project-1 {
	height: 27%;
	width: 90%;
	background-color: var(--project1-bg);
	margin-top: 5vw;
	padding: 0 0.5vw;
	display: flex;
}
.left-side {
	height: 100%;
	width: 65%;
}
.heading-content,
.heading-content-2 {
	display: flex;
	justify-content: space-between;
	color: var(--textColorDark);
	font-family: var(--GroteskFont);
	margin-top: 0.3vw;
}
.project-title {
	margin-top: 5vw;
}
.project-title h1 {
	font-size: 7.5vw;
	font-family: var(--GroteskFont);
	line-height: 7vw;
}
.wrapper-view-live {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 2vw 3vw;
}
.view-live {
	height: 6vw;
	width: 6vw;
	background-color: var(--loaderColor);
	color: var(--textColorLight);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: var(--newFont);
	font-size: 0.8vw;
	animation: 6s ease-in-out infinite colorChange;
}
.project-2,
.project-desc {
	color: var(--textColorDark);
}
.view-live a,
.view-live-2 a {
	text-decoration: none;
	color: var(--textColorLight);
}
@keyframes colorChange {
	0% {
		background: #1b2e39;
	}
	50% {
		background: #171e70;
	}
	100% {
		background: #241a36;
	}
}
.project-desc {
	text-align: left;
	padding: 2vw 0.7vw;
	font-family: var(--GroteskFont);
	font-size: 1.5vw;
	width: 70%;
}
.right-side {
	height: 100%;
	width: 35%;
}
.arrow-icon {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 4vw 8vw;
}
.thumbnail,
.view-live-2 {
	justify-content: center;
	display: flex;
}
.arrow-icon img {
	height: 11vw;
}
.thumbnail {
	align-items: flex-end;
	margin-top: 4vw;
	height: 39%;
}
.thumbnail img,
.thumbnail2 img {
	width: 90%;
	height: 100%;
}
.project-2 {
	height: 29%;
	width: 90%;
	background-color: var(--project2-bg);
	margin-top: 5vw;
	padding: 0 0.5vw;
	display: flex;
}
.footer,
.view-live-2 {
	background-color: var(--loaderColor);
}
.project-title-2 {
	margin-top: 3.5vw;
}
.project-title-2 h1 {
	font-size: 8.1vw;
	font-family: var(--GroteskFont);
	line-height: 8vw;
}
.view-live-2 {
	height: 6vw;
	width: 6vw;
	color: var(--textColorLight);
	border-radius: 50%;
	align-items: center;
	font-family: var(--newFont);
	font-size: 0.8vw;
	animation: 6s ease-in-out infinite colorChange-2;
}
@keyframes colorChange-2 {
	0% {
		background: #513f82;
	}
	50% {
		background: #3a1347;
	}
	100% {
		background: #5f4d93;
	}
}
.thumbnail2 {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin-top: 3vw;
	height: 45%;
}
.coming-soon {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 5vw 6vw;
	height: 15%;
}
.footer,
.footer-wrapper {
	height: 100vh;
	width: 100%;
}
.coming-soon img {
	animation: 5s linear infinite rotate;
	height: 100%;
}
.footer {
	position: fixed;
	z-index: 9;
	overflow: hidden;
	bottom: 0;
	padding: 2vw 0 0;
}
.heading-reach {
	display: flex;
	justify-content: space-between;
	padding: 0 4vw;
}
.heading-reach h1 {
	color: var(--footer-reach);
	opacity: 0.3;
	text-transform: uppercase;
	font-size: 6vw;
	font-family: var(--baseFont);
}
.footer-endContent,
.middle-footer p {
	opacity: 0.7;
	text-transform: uppercase;
}
.seperator-footer {
	height: 0.1vw;
	background-color: #393737;
	width: 92%;
}
.middle-footer {
	height: 10vw;
	display: flex;
	align-items: center;
	gap: 11.9%;
	margin-top: 3.9vw;
	padding: 0 4.7vw;
}
.middle-footer .text-rolling .block {
	color: var(--textColorLight);
	font-size: 1.3vw;
}
.middle-footer .text-rolling {
	height: 1.7vw;
}
.middle-footer .text-rolling.play .letter,
.middle-footer .text-rolling:hover .letter {
	transform: translateY(-100%);
}
.middle-footer p {
	font-family: var(--baseFont);
	color: #fff;
	font-size: 1.3vw;
	font-weight: 700;
}
.middle-footer a {
	color: #fff;
	opacity: 0.5;
	font-size: 1.3vw;
	font-family: var(--NeueProFont);
	line-height: 1.8vw;
}
.contact-content p {
	margin-bottom: 1.2vw;
}
.nav-content p,
.socials-content p {
	margin-bottom: 1.3vw;
}
.contact-content {
	margin-left: 37%;
}
.cover {
	position: relative;
	margin-top: 7%;
}
.scroller-footer {
	line-height: 1.2vw;
	font-family: var(--baseFont);
	height: 6vw;
	width: 100%;
	margin-top: 4.5%;
}
.moving-text::-webkit-scrollbar {
	display: none;
	color: var(--textColorDark);
}
.con-footer {
	display: inline-block;
	animation-name: move;
	animation-duration: 11s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
.con-footer h1 {
	font-size: 15vw;
	display: inline-block;
	font-family: var(--baseFont);
	font-weight: 700;
	color: var(--scrollerFooter);
	letter-spacing: -1px;
}
.con-footer img {
	height: 13vw;
}
.footer-endContent {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: var(--scrollerFooter);
	padding: 0 0.7vw;
	font-size: 1vw;
	margin-top: 0.7vw;
}
.seperator-footer2 {
	height: 0.1vh;
	background-color: #585656;
	width: 99%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 7.5vw;
}
@media (max-width: 760px) {
	.contact-links,
	.socials {
		color: var(--linksColor);
	}
	.loader table {
		height: 0.3vw;
		width: 97vw;
		margin-top: 1vw;
		margin-left: auto;
		margin-right: auto;
		padding: 0 1.3vw;
	}
	.loader table tr td {
		font-size: 3.7vw;
	}
	.words {
		height: 80%;
		transform: translate(33%, 0);
		font-size: 3.9vw;
	}
	.end-counter {
		margin-top: 1.7vw;
	}
	.end-counter img {
		height: 11vw;
		animation: 2s linear infinite rotate;
	}
	.end-counter .counter {
		font-size: 12vw;
		font-weight: 400;
	}
	.menu {
		padding-top: 0;
	}
	.menu-links {
		padding: 17vw 9vw;
		width: 100%;
		height: 88vw;
	}
	.menu-links a:first-child,
	.menu-links a:nth-child(2),
	.menu-links a:nth-child(3),
	.menu-links a:nth-child(4),
	.menu-links a:nth-child(5) {
		width: 100%;
	}
	.menu-links p {
		font-size: 2.5vw;
		margin-bottom: 7vw;
		margin-left: 7.8vw;
	}
	.menu-links span {
		font-size: 5.3vw;
		margin-right: 2.7vw;
	}
	.menu-links a {
		font-size: 11vw;
		width: 100vw;
		line-height: 15vw;
	}
	.menu-links a span img {
		margin-bottom: 2vw;
		height: 6vw;
		transition: 0.3s;
	}
	.menu-links a:hover span img {
		transform: none;
		transition: none;
	}
	.close a::after,
	.menu-links a:hover span,
	.miscellaneous {
		display: none;
	}
	.menu-end {
		display: flex;
		gap: 3%;
		padding: 0 3vw;
		height: 17.3vw;
		position: relative;
		margin-top: 40%;
	}
	.menu-end img {
		height: 31vw;
	}
	.socials {
		display: flex;
		gap: 4vw;
		margin-top: 5.1vw;
		height: 100%;
	}
	.socials .text-rolling {
		display: inline-block;
		overflow: hidden;
		text-decoration: none;
		height: 100%;
		width: 100%;
		color: var(--textColorDark);
		font-size: 3.3vw;
		font-weight: 400;
	}
	.text-rolling.play .letter,
	.text-rolling:hover .letter {
		transform: translateY(0);
	}
	.contact-links p,
	.socials a {
		font-size: 3vw;
	}
	.socials-links a span img {
		height: 3.7vw;
	}
	.socials-links p {
		color: var(--linksHeadingColor);
		font-family: var(--GroteskFont);
		text-transform: uppercase;
		font-weight: 600;
		font-size: 2.7vw;
		margin-bottom: 1vw;
	}
	.contact-links {
		margin-top: 10.1vw;
		height: 0.7vw;
		margin-left: 2vw;
	}
	.contact-links a {
		height: 100%;
		font-size: 3vw;
	}
	.close {
		padding: 3.3vw 3.1vw;
	}
	.close a {
		font-size: 4.3vw;
	}
}