@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@800&display=swap');


 .line, .carousel, .carousel li, .carousel li img {
	 width: 100%;
}
 .flex, .center, .carousel ul, .carousel-wrapper {
	 display: flex;
}
 .center, .carousel ul {
	 align-items: center;
	 justify-content: center;
}
 .carousel-wrapper {
	 position: relative;
	 max-width: 500px;
	 margin: 50px;
}
 .carousel-wrapper input {
	 display: none;
}
 .carousel {
	 overflow: hidden;
	 border-radius: 15px;
}
 .carousel ul {
	 position: relative;
	 list-style: none;
	 overflow: hidden;
	 margin: 0;
	 padding: 0;
	 height: 100%;
	 width: 500%;
	 transition: left 0.8s cubic-bezier(0.77, 0, 0.175, 1);
}
 .carousel li img {
	 border-radius: 15px;
}
 .nav-dot {
	 position: absolute;
	 cursor: pointer;
	 margin-left: -7.5px;
	 bottom: -22.5px;
	 width: 15px;
	 height: 15px;
	 opacity: 0.5;
	 background-color: grey;
	 border-radius: 50%;
	 transition: 0.4s;
}
 .nav-dot:hover {
	 opacity: 0.8;
	 transform: scale(1.2);
}
 .nav-dot:active {
	 transform: scale(0.9);
}
 .nav-dot[for=slide1] {
	 left: 40%;
}
 #slide1:checked ~ .carousel ul {
	 left: 0%;
}
 #slide1:checked ~ .nav-dot[for=slide1] {
	 opacity: 1;
}
 .nav-dot[for=slide2] {
	 left: 45%;
}
 #slide2:checked ~ .carousel ul {
	 left: -100%;
}
 #slide2:checked ~ .nav-dot[for=slide2] {
	 opacity: 1;
}
 .nav-dot[for=slide3] {
	 left: 50%;
}
 #slide3:checked ~ .carousel ul {
	 left: -200%;
}
 #slide3:checked ~ .nav-dot[for=slide3] {
	 opacity: 1;
}
 .nav-dot[for=slide4] {
	 left: 55%;
}
 #slide4:checked ~ .carousel ul {
	 left: -300%;
}
 #slide4:checked ~ .nav-dot[for=slide4] {
	 opacity: 1;
}
 .nav-dot[for=slide5] {
	 left: 60%;
}
 #slide5:checked ~ .carousel ul {
	 left: -400%;
}
 #slide5:checked ~ .nav-dot[for=slide5] {
	 opacity: 1;
}
 .left-arrow, .right-arrow {
	 display: none;
	 position: absolute;
	 cursor: pointer;
	 font-weight: bolder;
	 text-shadow: 0 0 7.5px rgba(0, 0, 0, .7);
	 top: 50%;
	 z-index: 1;
	 opacity: 0.7;
	 margin-top: -25px;
	 height: 50px;
	 font-size: 50px;
	 transition: 0.2s;
}
 .left-arrow:hover, .right-arrow:hover {
	 opacity: 1;
	 transform: scale(1.2);
}
 .left-arrow:active, .right-arrow:active {
	 transform: scale(0.9);
}
 .left-arrow {
	 left: 15px;
}
 .right-arrow {
	 right: 15px;
}
 #slide1:checked ~ .left-arrow[for=slide5], #slide1:checked ~ .right-arrow[for=slide2] {
	 display: block;
}
 #slide2:checked ~ .left-arrow[for=slide1], #slide2:checked ~ .right-arrow[for=slide3] {
	 display: block;
}
 #slide3:checked ~ .left-arrow[for=slide2], #slide3:checked ~ .right-arrow[for=slide4] {
	 display: block;
}
 #slide4:checked ~ .left-arrow[for=slide3], #slide4:checked ~ .right-arrow[for=slide5] {
	 display: block;
}
 #slide5:checked ~ .left-arrow[for=slide4], #slide5:checked ~ .right-arrow[for=slide1] {
	 display: block;
}
 .signature {
	 margin-top: 100px;
	 bottom: 0;
	 font-family: "Quicksand";
	 color: rgba(150, 150, 170, );
	 text-shadow: 0 2.5px rgba(0, 0, 0, 0.25);
}
 .signature .name {
	 color: white;
}
 .signature .dot {
	 margin: 0 5px;
}
 .signature a {
	 color: white;
	 text-decoration: underline;
}