.projectDetail_skeletonLoading {
	height: 100vh; 
	width: 100%;
	font-size: 2em;
}

.header-holder_skeletonLoading {
	display: flex; 
	width: 100%; 
	height: 20%;
	padding: 1em 1em 0px 0px;
}

.body-holder_skeletonLoading {
	width: 100%; 
	height: 80%;
	padding: 1em;
}

.avatar_skeletonLoading_holder {
	width: 15%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.description_skeletonLoading_holder {
	display: flex;
    flex-wrap: wrap;
	width: 45%;
    height: 100%;
}

.description_skeletonLoading {
	background-image: linear-gradient(90deg, #cccccc 0px, rgb(255 255 255 / 90%) 2em, #cccccc 5em);
    animation: description_skeletonLoading_animation 2s infinite ease-out;
}

@keyframes description_skeletonLoading_animation {
  0% {
    background-position: -10vw;
  }
  40%, 100% {
    background-position: 90vw;
  }
}

.dates_skeletonLoading {
	background-image: linear-gradient(90deg, #cccccc 0px, rgb(255 255 255 / 90%) 2em, #cccccc 5em);
    animation: dates_skeletonLoading_animation 2s infinite ease-out;
}

@keyframes dates_skeletonLoading_animation {
  0% {
    background-position: -60vw;
  }
  40%, 100% {
    background-position: 40vw;
  }
}

.location_skeletonLoading {
	background-image: linear-gradient(90deg, #cccccc 0px, rgb(255 255 255 / 90%) 2em, #cccccc 5em);
    animation: location_skeletonLoading_animation 2s infinite ease-out;
}

@keyframes location_skeletonLoading_animation {
  0% {
    background-position: -75vw;
  }
  40%, 100% {
    background-position: 25vw;
  }
}

.dates_skeletonLoading_holder {
	display: flex;
    flex-wrap: wrap;
	width: 20%;
    height: 100%;
}

.location_skeletonLoading_holder {
	display: flex;
    flex-wrap: wrap;
	width: 20%;
    height: 100%;
}

.avatar_skeletonLoading {
    width: 4em;
    height: 4em;
    background-color: #ccc;
    border-radius: 5px;
    background-image: linear-gradient(90deg, #cccccc 0px, rgb(255 255 255 / 90%) 2em, #cccccc 5em);
    animation: avatar_skeletonLoading_animation 2s infinite ease-out;
}

@keyframes avatar_skeletonLoading_animation {
  0% {
    background-position: -3vw;
  }
  40%, 100% {
    background-position: 97vw;
  }
}

.projectDetail_skeletonLoading_child {
    width: 100%;
    height: 100%;
    min-width: 35em;
    min-height: 20em;
}

.details_skeletonLoading_holder_1 {
	width: 60%;
    height: 20%;
    background-color: #ccc;
    border-radius: 5px;
}

.details_skeletonLoading_holder_2 {
	top: 10%;
    width: 90%;
    height: 70%;
    background-color: #ccc;
    border-radius: 5px;
}

.body-holder_skeletonLoading_holder_1 {
	width: 100%;
    height: 10%;
    display: flex;
    align-items: center;
}

.body-holder_skeletonLoading_holder_2 {
	width: 100%;
    height: 90%;
}

.body-holder_skeletonLoading_tabs {
	width: 10%;
    height: 1em;
    background-color: #ccc;
    margin-right: 1em;
    border-radius: 5px;
}

.body-holder_skeletonLoading_tabs_1 {
	background-image: linear-gradient(90deg, #cccccc 0px, rgb(255 255 255 / 90%) 2em, #cccccc 5em);
    animation: body-holder_skeletonLoading_tabs_1_animation 2s infinite ease-out;
}

@keyframes body-holder_skeletonLoading_tabs_1_animation {
  0% {
    background-position: 0vw;
  }
  40%, 100% {
    background-position: 100vw;
  }
}

.body-holder_skeletonLoading_tabs_2 {
	background-image: linear-gradient(90deg, #cccccc 0px, rgb(255 255 255 / 90%) 2em, #cccccc 5em);
    animation: body-holder_skeletonLoading_tabs_2_animation 2s infinite ease-out;
}

@keyframes body-holder_skeletonLoading_tabs_2_animation {
  0% {
    background-position: -10vw;
  }
  40%, 100% {
    background-position: 90vw;
  }
}

.body-holder_skeletonLoading_tabs_3 {
	background-image: linear-gradient(90deg, #cccccc 0px, rgb(255 255 255 / 90%) 2em, #cccccc 5em);
    animation: body-holder_skeletonLoading_tabs_3_animation 2s infinite ease-out;
}

@keyframes body-holder_skeletonLoading_tabs_3_animation {
  0% {
    background-position: -20vw;
  }
  40%, 100% {
    background-position: 80vw;
  }
}

.body-holder_skeletonLoading_tabs_4 {
	background-image: linear-gradient(90deg, #cccccc 0px, rgb(255 255 255 / 90%) 2em, #cccccc 5em);
    animation: body-holder_skeletonLoading_tabs_4_animation 2s infinite ease-out;
}

@keyframes body-holder_skeletonLoading_tabs_4_animation {
  0% {
    background-position: -30vw;
  }
  40%, 100% {
    background-position: 70vw;
  }
}

.body-holder_skeletonLoading_placeholder {
	width: 100%;
    height: 70%;
    border-radius: 5px;
    background-color: #cccccc;
	background-image: linear-gradient(90deg, #cccccc 0px, rgb(255 255 255 / 90%) 2em, #cccccc 5em);
    animation: body-holder_skeletonLoading_placeholder_animation 2s infinite ease-out;
}

@keyframes body-holder_skeletonLoading_placeholder_animation {
  0% {
    background-position: 0vw;
  }
  40%, 100% {
    background-position: 100vw;
  }
}