/* ===== Color theme—Bright ===== */  
	:root{
	--bg: #e6e6e6;
	--primary-accent-clr: #F3C000;
	--contentbox-bg: rgba(240, 240, 240, 0.9);
	--shadow-bright:rgba(0, 0, 0, 0.3);

	--btn-bg-dark: rgba(0, 0, 0, 0.8);
	--box-bg-dark: rgba(51, 51, 51, 0.95);
	--box-bg-medium: #e4e4e4;
	--box-bg-bright: rgba(250, 250, 250, 1);
	
	--text-base-dark: #1e1e1e;
	--text-base-white: #fefefe;
	--text-accent-neutral: #111111;
	--text-accent-transparent: rgba(5, 5, 5, 0.7);
	--text-accent-bright: #777777;
	
	--accent-gradient: linear-gradient(30deg, #e0a102, #f7d302);
	
	/*-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden;*/
	}
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        body, html {
			font-family: "Rajdhani", sans-serif;
			font-weight: 400;
			font-style: normal;
            scroll-behavior: smooth;
            overflow-x: hidden;
			background-color: var(--bg);
        }
        .section {
            min-height: 100vh;
            width: 100vw;
            display: flex;
            justify-content: center;
            align-items: center;
            color: var(--text-base-dark);
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
            padding-top: 2rem;
        }
        .content {
			position: relative;
			background: var(--contentbox-bg);
            padding: 2rem;
            border-radius: 2px;
            max-width: 1200px;
            width: 65%;
			z-index: 1;
			/*filter: drop-shadow(8px 8px 8px var(--shadow-bright));*/
			box-shadow: 8px 8px 16px var(--shadow-bright);
        }
@media screen and (max-width: 768px) {
		.content {
			width: 85%;
			padding: 1rem;
		}		
	}
		p {
			max-width: 600px;
		}
		li::marker {
		  color: var(--primary-accent-clr);
		  
		}
		li:not(:last-child){ 
		   margin-bottom: 12px;  
		}
		ol li::marker{
			color: var(--text-accent-neutral);
			font-weight: bold;
		}
		.inline-list {
			list-style-position: inside;
		}

        input, button {
            display: block;
            width: 100%;
            margin-bottom: 1rem;
            padding: 0.5rem;
        }
		
/* Blockquote to the right ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */		
		.pquote{
			float: right;
			width: 200px;
			margin: 0 50px 13px 0;
		}
		.pquote p{
			font-size: 14pt;
		}		
		blockquote {
			margin: 0;
			padding: 0 16px;
			border-left-style: solid;
			border-color: var(--primary-accent-clr);
			/*border-image: var(--accent-gradient);*/
			border-width: thick;
		}
		.blockquote-image {
			width: 40px;
			margin-bottom: 0;
		}
@media screen and (max-width: 768px) {
		.pquote{
			display: block;
			float: none;
			width: 100%;
		}
				.blockquote-text{
					flex-grow: 1;
					margin-right: 10px;
				}
				.pquote p{
					display: inline;
				}
				blockquote {
					display: flex;
					align-items: center;
				}
			}
/* end Blockquote to the right ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */		
		
		.btn {
			background-color: var(--btn-bg-dark);
			padding: 8px;
			color: var(--text-base-white);
			border-radius: 2px;
            text-decoration: none;
		}	
		.btn:hover {
			color: var(--primary-accent-clr);
		}	
		h1{
			font-family: "Bitter", serif;
			font-optical-sizing: auto;
			font-weight: 520;
			font-style: normal;
			font-size: 32pt;
			margin-top: 2rem;
			margin-bottom: 1rem;
			z-index: 2;
			/*color: var(--text-accent-transparent);*/
        }
		.background-rectangle {
            position: absolute;
            background-color: var(--primary-accent-clr);
            width: 260px;
            height: 20px;  /* Half the height of the text */
            bottom: 0;
            left: 20px;
            z-index: -1;
            top: 6rem;    /* Start from the middle of the container */
        }
		/*.background-rectangle {
            position: relative;
			display: block;
            background-color: var(--primary-accent-clr);
            padding-left: 0.5rem;
			padding-right: 0.5rem;
            height: 52px;  /* Half the height of the text */
			/*width: 106px;
            bottom: 0;
			left: -0.5rem;
            z-index: -1;
			}*/
@media screen and (max-width: 768px) {
		.background-rectangle {
			top: 5rem;
			left: 12px;
			width: min(240px, 75vw);
		}
	}
	
        h2 {
			font-family: "Bitter", serif;
			font-optical-sizing: auto;
			font-weight: 600;
			font-style: normal;
			margin-top: 1.5rem;
            margin-bottom: 1rem;
        }
        p {
            margin-bottom: 1rem;
            line-height: 1.6;
			z-index: 2;
        }
		.inline-quote{
			margin-top: -2rem;
			margin-left: 2rem;
			font-style: italic;
			line-height: 1.2;
		}
		/*.inline-quote::first-letter {
		  font-size: 200%;
		  font-weight: bold;
		  color: var(--primary-accent-clr);
		} */
		.inline-quote:before{
			content:'"';
  		  	font-size: 400%;
			line-height: 0.8;
  		  	font-weight: bold;
			position: relative;
			top: 24px;
			right: 8px;
  		  	color: var(--primary-accent-clr);
		}
		.inline-quote:after{
			content:'"';
  		  	font-size: 400%;
  		  	font-weight: bold;
			line-height: 0.1;
  		  	font-weight: bold;
			position: relative;
			top: 24px;
			
  		  	color: var(--primary-accent-clr);
		}
		.big-text{
			font-size: 16pt;
		}
		
		
		.svg-shape-1 {
		    position: fixed;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		    z-index: 0;
		}
/*Navigation*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
		.footer {
			position: static;
			bottom: 0;
			left: 0;
			right: 0;
			background-color: var(--box-bg-dark);
			display: flex;
			justify-content: center;
			align-items: center;
			height: 60px;
            z-index: 1000;
			filter: drop-shadow(8px 8px 8px var(--shadow-bright));
		}
		.footer-links {
			list-style-type: none;
			padding: 0;
			margin: 0;
			display: flex;
			justify-content: center;
			align-items: center;
			position: absolute;
		}
        .footer-links li {
            margin: 0 15px;
        }
		.footer-spacer{
			color: var(--text-base-white);
            text-decoration: none;
			font-weight: normal;
			cursor: default;
		}
		.footer-container {
			width: 60%;
			max-width: 1200px;
			margin: 0 auto;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		.navbar {
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			background-color: var(--box-bg-dark);
			display: flex;
			justify-content: center;
			align-items: center;
			height: 60px;
            z-index: 1000;
			filter: drop-shadow(8px 8px 8px var(--shadow-bright));
		}
		.nav-container {
			width: 60%;
			max-width: 1200px;
			margin: 0 auto;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

		.nav-logo{
			margin-bottom: -5px;
		}
        .nav-links li {
            margin: 0 15px;
        }
		.nav-item {
			color: var(--text-base-white);
            text-decoration: none;
			font-weight: bold;
		}
		.nav-item-page {
			color: var(--text-base-white);
            text-decoration: none;
			font-weight: bold;
		}
		.nav-spacer{
			color: var(--text-base-white);
            text-decoration: none;
			font-weight: bold;
			cursor: default;
		}
		.nav-item:hover {
			color: var(--primary-accent-clr);
		}
		.burger {
		    display: none;
		    cursor: pointer;
		}
		.burger div {
		    width: 25px;
		    height: 3px;
		    background-color: var(--text-base-white);
		    margin: 5px;
		    transition: all 0.3s ease;
		}
@media screen and (min-width: 768px) {
		.nav-links {
			list-style-type: none;
			padding: 0;
			margin: 0;
			display: flex;
			justify-content: center;
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
		}
}
@media screen and (max-width: 768px) {		
		.nav-container{
			width: 90%;
		}
		.nav-links {
			list-style-type: none;
			margin: 0;
			position: fixed;
			right: -100%;
			top: 60px;
			height: calc(100vh - 60px);
			background-color: var(--box-bg-dark);
			flex-direction: column;
			align-items: center;
			width: 50%;
			transition: right 0.5s ease;
			padding-inline-start: 40px;
		}
		.nav-links li {
			margin: 20px 0;
		}
		.nav-spacer{
			display: none;
		}
		.nav-item-page {
			color: var(--text-base-white);
            text-decoration: none;
			font-weight: bold;
			border: 2px solid var(--text-base-white);
			border-radius: 5px;
			padding: 8px;
			margin-top: 16px;
			margin-left: -10px;
		}
		.burger {
			display: block;
		}
		.nav-active {
			right: 0;
		}
/* Burger animation classes */
		.toggle .line1 {
			transform: rotate(-45deg) translate(-5px, 6px);
		}
		.toggle .line2 {
			opacity: 0;
		}
		.toggle .line3 {
			transform: rotate(45deg) translate(-5px, -6px);
		}
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
		.cv-tile{
            background: var(--box-bg-bright);
            padding: 1rem;
			margin-top: 1rem;
			/*padding-bottom: 2rem;*/
            border-radius: 5px;
			cursor: pointer;
		}
		.cv-tile.expanded{
			border-left-style: solid;
			border-color: var(--primary-accent-clr);
			border-width: thick;
			cursor: default;
		}
		.cv-header{
			position: relative;
		}
		.expander-indicator{
           	color: var(--primary-accent-clr);
            font-size: 36px;
			font-weight: 500;
            /*transition: transform 0.3s ease;*/
	  		position: absolute;
	  		top: 4px;
	  		right: 8px;
        }
		.cv-tile.expanded .expander-indicator {
		    display: none;
		}
		.cv-content{
			max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
		}
		.cv-tile.expanded .cv-content {
		            max-height: 500px; /* Adjust based on your content */
		}
		.cv-date{
			font-size: 10pt;
			font-weight: bold;
			color: var(--text-accent-bright);
			margin: 0;
		}
		.cv-text{
			font-size: 12pt;
			margin: 0;
		}
		.cv-title{
			color: var(--text-base-dark);
			font-size: 14pt;
			margin: 0;
			margin-right: 3rem;
		}
		.cv-link{
			/*text-decoration: none;*/
			color: var(--text-base-dark);
			font-size: 12pt;
			margin: 0 0 1rem 0;
		}
		.cv-entry{
			border-left-style: solid;
			border-color: var(--primary-accent-clr);
			border-width: thick;
			margin: 40px 0px;
			padding-left: 16px;
			height: auto;
			display: grid;	
		}

/* Flex Layout Two columns +++++++++++++++++++++++++++++++++++++++++++++++++*/
		
		.text-columns {
			display: flex;
			gap: 20px;
			margin-bottom: 20px;
			flex-direction: row;
		}
		.text-column {
			flex: 1;
		}
@media screen and (max-width: 768px) {
		.text-columns {
			display: flex;
			gap: 20px;
			margin-bottom: 20px;
			flex-direction: column;
		}
	}
/* Animated links for the contact section +++++++++++++++++++++++++++++++++++++++++++++++++*/
		.em-link{
            color: var(--text-base-dark);
			text-decoration: none;
			transition: background-color 0,5s ease;
			padding: 0 2pt;
			position: relative;
			/*display: inline-block;*/
			/*padding: 10px 20px;*/
			overflow: hidden;
		}
		.em-link::before {
		  content: '';
		  position: absolute;
		  top: 0;
		  left: 0;
		  width: 0;
		  height: 100%;
		  background-color: var(--primary-accent-clr); 
		  transition: width 0.3s ease;
		  z-index: -1;
		}
		.em-link:hover::before {
		  width: 100%;
		}
		
/* Project section +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
	
		
        .project-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
            gap: 1rem;
        }
        .project {
            background: rgba(250, 250, 250, 1);
            padding: 1rem;
			padding-bottom: 2rem;
            border-radius: 5px;
            transition: transform 0.3s ease;
			filter: drop-shadow(8px 8px 8px var(--shadow-bright:rgba)); 
  		  	/*transition: filter 0.3s ease; */
			min-height: 200px;
            display: flex;
            flex-direction: column;
        }
        .project:hover {
            transform: translateY(-5px);
        }
        .project img {
            width: 100%;
			overflow: hidden;
			aspect-ratio: 4 / 3;
			object-fit: cover;
			transition: transform .6s; /* Animation */
        }
		.project:hover img{
			transform: scale(1.1);
		}
		.thumbnail-zoom{
			overflow: hidden;
			aspect-ratio: 4 / 3;
            border-radius: 5px;
            margin-bottom: 1rem;
		}
		.project-text{
			flex-grow: 1;
		}
		.project-scroll{
            background: rgba(250, 250, 250, 1);
            padding: 1rem;
			padding-bottom: 2rem;
            border-radius: 5px;
            transition: transform 0.3s ease;
			filter: drop-shadow(8px 8px 8px var(--shadow-bright:rgba)); 
  		  	/*transition: filter 0.3s ease; */
			min-height: 200px;
            display: flex;
            flex-direction: column;
		}
		.project-scroll img{
			width: 100%;
			display: inline-block;
			aspect-ratio: 4 / 3;
			overflow: hidden;
			max-width: none;
			object-fit: cover;
			object-position: 0% 0%;
			transition: all .8s ease;
			margin-bottom: 1rem;
			border-radius: 5px;
		}
		.project-scroll:hover img{
			object-position: 0% 100%;
		}
        .project-scroll:hover {
            transform: translateY(-5px);
        }
		.project-btn{
			margin-top: auto;
			background-color: rgba(0, 0, 0, 0.8);
            color: var(--text-base-white);
            padding: 10px;
            border-radius: 4px;
            text-align: center;
		}
		.project-btn:hover{
			color: var(--primary-accent-clr);
		}
		.project a{
			color: var(--primary-accent-clr);
			text-decoration: none;
		}
		/*.project a{
		    /*display: block;
			margin-top: auto;
		    text-align: center;
		}*/
		.project {
			.btn{
				margin-top: auto;
				/*position: absolute;
				bottom: 32px;
				left: 16px;
				right: 16px;
				clip-path: margin-box;*/
				}
		}
		.project p{
			margin-block-start: 0px;
		}
		.project h3{
			margin-block-start: 2px;
			margin-block-end: 2px;
		}
		.bw-image {
		  filter: grayscale(100%);
		  transition: filter 0.3s ease;
		}

		.bw-image:hover {
		  filter: grayscale(0%);
		}
		
/* Skills grid ############################################################## */		
		
        .skills-tile {
            background: rgba(250, 250, 250, 1);
            padding: 1rem;
			padding-bottom: 2rem;
            border-radius: 5px;
			min-height: 200px;
            display: flex;
            flex-direction: column;
        }
		.skills-tile ul{
			margin-left: 1rem;
		}
		.skills-tile h2{
			margin-top: 0.5rem;
		}		
		
/* Scroll Indicator ############################################################## */		
		
		
	    #scrollIndicator {
	               position: fixed;
	               bottom: 20px;
	               left: 50%;
	               transform: translateX(-50%);
	               /*width: 40px;
	               height: 60px;
	               border: 2px solid #333;
	               border-radius: 20px;*/
	               cursor: pointer;
	               transition: opacity 0.3s ease;
				   animation: bounce 3s infinite;
	           }

        @keyframes bounce {
            0%, 20%, 50%, 80%, 100% {
                transform: translateY(0) translateX(-50%);
            }
            40% {
                transform: translateY(-30px) translateX(-50%);
            }
            60% {
                transform: translateY(-15px) translateX(-50%);
            }
        }

/* Previous-next-section ++++++++++++++++++++++++++++++++++++*/
		
		.prev-next-links{
			display: flex;
		  	justify-content: space-between;
		}
@media screen and (max-width: 768px) {
		.prev-next-links{
			display: block;
		}
	}
		
		.prev-next-links a{
			text-decoration: none;
			color: var(--text-base-dark);
		}
		
		.previous-prjct{
			position: relative;
		}
		
		.previous-prjct h2{
			margin-left: 4rem;
			margin-bottom: 0;
			z-index: 2;
		}
		
		.previous-prjct p{
			margin-left: 6rem;
			z-index: 2;
		}
		
		.previous-prjct object{
			transform: rotate(180deg);
			position: absolute;
			top: -16px;
			left: -8px;
			z-index: -1;
			transition: all 0.3s ease;
		}
		.previous-prjct:hover object{
			left: -24px;
		}
		
		.next-prjct{
			position: relative;
		}
		
		.next-prjct h2{
			text-align: right;
			margin-right: 4rem;
			margin-bottom: 0;
			z-index: 2;
		}
		
		.next-prjct p{
			text-align: right;
			margin-right: 6rem;
			z-index: 2;
		}
		
		.next-prjct object{
			position: absolute;
			top: -16px;
			right: -8px;
			z-index: -1;
			transition: all 0.3s ease;
		}
		.next-prjct:hover object{
			right: -24px;
		}

/*Specific for subpages*/
/*-------------------------------------------------------*/
        .back-link {
            /*display: inline-block;
            margin-top: 2rem; */
			display: flex; 
            color: var(--text-base-white);
            text-decoration: none;
            max-width: 1200px;
			width: 100%;
			font-weight: bold;
			padding-left: 2rem;
            /*justify-content: center;
            align-items: center;
			background-position: center;*/
        }
        .back-link:hover {
            /*text-decoration: underline;*/
			color: var(--primary-accent-clr);
        }
       	.project img {
            max-width: 100%;
            height: auto;
            border-radius: 5px;
            margin-bottom: 1rem;
        } 
		.pill {
            display: inline-block;
            padding: 8px 16px;
            background-color: var(--primary-accent-clr);
            color: var(--text-base-dark);
            border-radius: 9999px;
            /*font-family: Arial, sans-serif;*/
            font-size: 14px;
			font-weight: bold;
            text-align: center;
            text-decoration: none;
			cursor: default;
            /*transition: background-color 0.3s ease;*/
		}
		.pill:hover {
			/*background: linear-gradient(30deg, #e0a102, #f7d302);*/
			background: var(--accent-gradient);
		}

		
		/*Specific for impressum/
		/*-------------------------------------------------------*/		
		
        .section-imprint {
            min-height: 100vh;
            width: 100vw;
            display: flex;
            justify-content: center;
            align-items: center;
            color: var(--text-base-dark);
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
            padding-top: 2rem;
			flex-direction: column;
        }
		
        .content-imprint {
			background: rgba(250, 250, 250, 1);
            padding: 2rem;
			margin: 4rem;
            border-radius: 2px;
            max-width: 1200px;
            width: 60%;
			/*transform: translateX(20%);*/
			z-index: 1;
			filter: drop-shadow(8px 8px 8px #aaaaaa);
        }
		
		/*Specific for subpages type 2*/
		/*-------------------------------------------------------*/
		
		
		.image-container-right{
			display: flex;
			flex-direction: column;
			justify-content: flex-end;
		}
		
		.image-right {
		  max-width: 70%;
		  height: auto;
		  margin-left: auto;
		  /*flex-basis: 200px;*/
		}
		.inline-subtitle{
			font-size: 12pt;
  		  	width: 70%;
			max-width: 70%;
  		  	height: auto;
  		  	margin-left: auto;
		}
		
@media screen and (max-width: 768px) {
		.image-right {
		  max-width: 90%;
		  height: auto;
		  margin-left: auto;
		}
		.inline-subtitle{
			font-size: 12pt;
  		  	width: 90%;
			max-width: 90%;
  		  	height: auto;
  		  	margin-left: auto;
		}	
	}
		

		
		.slider-container {
			position: relative;
			width: 100%;
			padding-top: 56.25%; /* 16:9 aspect ratio */
			overflow: hidden;
		}
		.slide {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			opacity: 0;
			transition: opacity 0.5s ease-in-out;
		}
		.slide.active {
			opacity: 1;
		}
		.slide-content {
			position: relative;
			width: 100%;
			height: 100%;
		}
		.slide img {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			object-fit: contain;
			background-color: var(--box-bg-medium); /* Light grey background */
		}
		.subtitle {
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			background-color: var(--box-bg-dark);
			color: var(--text-base-white);
			padding: 10px;
			text-align: center;
		}
		.scrolltitle {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			background-color: var(--box-bg-dark);
			color: var(--text-base-white);
			padding: 10px;
			text-align: center;
		}
		.slider-nav {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			width: 100%;
			display: flex;
			justify-content: space-between;
			pointer-events: none; /* Allows clicks to pass through to the image */
		}
		.slider-nav button {
			background-color: rgba(0, 0, 0, 0.5);
			border: none;
			color: var(--text-base-white);
			width: 40px;
			font-size: 24px;
			padding: 10px 15px;
			cursor: pointer;
			transition: background-color 0.3s;
			pointer-events: auto; /* Re-enables clicking on buttons */
		}
		.slider-nav button:hover {
			background-color: rgba(0, 0, 0, 0.8);
			color: var(--primary-accent-clr);
		}
		.image-container {
			width: 100%;
			height: 80vh;
			overflow-x: auto;
			overflow-y: auto;
			white-space: nowrap;
			position: relative;
			/*cursor: grab;*/
			border: 1px solid grey;
		}
		.image-container:active {
			cursor: grabbing;
		} 
		.high-aspect-ratio-image {
			/*height: 100vh;*/
			width: 100%;
			display: inline-block;
			max-width: none;
			object-fit: contain;
			object-position: left top;
		}
        .scroll-indicator {
            position: fixed;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            background-color: rgba(0, 0, 0, 0.5);
            color: white;
            padding: 10px 20px;
            border-radius: 20px;
            font-family: Arial, sans-serif;
            transition: opacity 0.3s ease;
        }
		/* Debug info styles 
		#debugInfo {
			position: fixed;
			top: 10px;
			left: 10px;
			background-color: rgba(0, 0, 0, 0.7);
			color: white;
			padding: 10px;
			font-family: monospace;
			z-index: 1000;
		}*/
		
		.video-full-width{
			width: 100%;
			aspect-ratio: 1.77;
		}
		
/* ------ blob animation -------------------------*/		
		
        #hero {
            width: 100%;
            height: 100vh;
            /*border: 2px solid #333;*/
            position: absolute;
			top: 0;
			left: 0;
            overflow: hidden;
            background-color: #e6e6e6;
			z-index: 0;
        }
		#hero-border{
			width: 100%;
			height: 100vh;
            position: absolute;
			top: 0;
			left: 0;
			box-shadow: inset 0px -30px 40px #e6e6e6;
			z-index: 10;
		}
        #follower {
            width: 200px;
            height: 200px;
            border-radius: 60% 50% 20% 30%;
            background-color: var(--primary-accent-clr);
            position: absolute;
            pointer-events: none;
			filter: blur(20px);
            transition: none; /* Remove transition for smoother custom animation */
			animation: transform 14s ease-in-out infinite both alternate;
        }
		
		@keyframes transform{
			0%, 100%{
				border-radius: 55% 45% 25% 35% / 30% 40% 70% 70%;
				transform: scale(1, 1);
				transform: rotate(0deg);
				opacity: 0.9;
			}
			20%{
				border-radius: 52% 48% 21% 32% / 32% 37% 75% 66%;
				transform: scale(1.1, 1.1);
				transform: rotate(6deg);
				opacity: 0.7;
			}
			40%{
				border-radius: 48% 53% 17% 28% / 36% 32% 80% 63%;
				transform: scale(0.9, 0.9);
				transform: rotate(3deg);
				opacity: 0.9;
			}
			60%{
				border-radius: 44% 50% 15% 26% / 37% 26% 72% 68%;
				transform: scale(1.2, 1.2);
				transform: rotate(-3deg);
				opacity: 0.6;
			}
			80%{
				border-radius: 58% 42% 22% 36% / 32% 33% 67% 73%;
				transform: scale(0.8, 0.8);
				transform: rotate(-5deg);
				opacity: 0.8;
			}
			
		}