body{
            font-family: "Poppins", sans-serif;
            font-style: normal;
        }
		.only-page-menu{
			display:none !important;
		}
        .content-home{
            max-width: 100%;
            height:100dvh;
            display: flex;
            justify-content: center;
            background: #0a1b1f3d;
            backdrop-filter: blur(3px);
        }

		.content-home .content-items{
			margin-top: -45px !important;
			gap: 25px 0 !important;
		}
        .image-hero{
            height:100vh;
            object-fit: cover;
            z-index: -1;
            object-position: 72%;
        }

        .list-links{
            width: 100%;
            max-width: 240px;
			margin-bottom: 46px;
            list-style: none;
            text-transform: uppercase;
            list-style: none;
            text-transform: uppercase;
           
        }

        .list-links li{
            width: 100%;
            display: flex;
            justify-content: center;
        }

        .list-links a{
            position: relative;
            font-size: 1.3em;
            display: flex;
            width: max-content;
            text-align: center;
            align-items: center;
            justify-content: center;
            color: white;
            text-decoration: none;
            letter-spacing: 8px;
        }

        .list-links a::before{
            content: '';
            transition: all 0.3s ease;
            transform: scale(0);
            position: absolute;
            left: -4px;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 2px;
            background: white;
        }

        .list-links a:hover::before{
            transform: scale(1);
        }

        .typo{
            position: relative;
            width: 90%;
            max-width: 344px;
            bottom: 0px;
        }

        .list-social{
            width: 100%;
			padding: 0;
			display: flex;
			flex-flow: wrap;
			justify-content: center;
			list-style: none;
			gap: 20px 18px;
			margin-top: 0;
			margin-bottom: 33px;
			padding: 0 20px;
        }

		.nav-items{
			flex:0;
		}

        .list-social .social{
            height: 50px;
            width: 50px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 100%;
            padding: 9px;
            transition: all 0.3s ease;
        }

        .list-social .social:hover{
            background: #f0f8ff4d;
            transform: translateY(-10px);
        }

        .social svg{
            fill: white;
            width: 45px;
            height: 26px;
        }

        .social .beatport_icon, .social img {
            filter: invert(1);
            width: 45px;
            height: 26px;
        }

        @media(min-width:992px){
			.typo{
				position:absolute;
			}
            .content-home{
                background: transparent;
                backdrop-filter: blur(0px);
                max-width: 45vw;
            }
            .list-links a{
                font-size: 1.6em;
            }

            .image-hero{
                object-position: center;
            }
        }

        @media(min-width:992px){
            .typo{
                position: absolute;
                width: 910px;
                max-width: unset; 
                bottom: 60px;
                left: 6%;
            }
        }

        @media(min-width:1200px){
            .typo{
                left:7%;
            }
        }

        @media(min-width:1300px){
            .typo{
                left:7%;
            }
           
        }

        .fade-screen{
            position: fixed;
            width: 100%;
            height: 100vh;
            opacity: 1;
            background-color: black;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 11;
            cursor: none !important;
            pointer-events: none !important;
        }

        .svg-container {
            width: 512px;
            height: 512px;
        }
        
        .fade-screen svg path {
            opacity: 1;
            stroke: #fffcfc;
            stroke-width: 10;
            stroke-dasharray: 5000;
            stroke-dashoffset: 5000;
            fill: none;
            transition: fill 0.5s ease;
        }
        
        .fade-screen .drawing path {
            animation: draw 2s forwards, fadeIn 1.5s forwards;
        }
        
        .fade-screen .undrawing path {
            animation: undraw 2s forwards, fadeOut 2s forwards;
        }
        
        .fade-screen .fading path {
            animation: fadeOut 1.5s forwards;
        }
        
        @keyframes draw {
            to {
                stroke-dashoffset: 0;
            }
        }
        
        @keyframes undraw {
            from {
                stroke-dashoffset: 0;
            }
            to {
                stroke-dashoffset: 5000;
            }
        }
        
        @keyframes fadeIn {
            to {
                opacity: 1;
            }
        }
        
        @keyframes fadeOut {
            to {
                opacity: 0;
            }
        }

        @keyframes hideScreen {
            to {
                opacity: 0;
                visibility: hidden;
            }
        }