#modal {
				position: fixed;
				display: flex;
				flex-flow: nowrap column;
				text-align: center;
				height: fit-content;
				max-height: 70lvh;
				width: 70lvw;
				max-width: 900px;
				background: white;
				color: black;
				top: 50%;
				left: 50%;
				transform: translate(-50%,-50%);
				z-index: 3;
				border-radius: 30px;
				visibility: hidden;
				box-shadow: 1px 1px 15px #888888;
				padding: 20px;
			}
			#modal:target {
				visibility: visible;
				.pic-wrapper .pic {
					transform: translateX(20%);
				}
				.perfilinfo > h3,
				.perfilinfo > h4
				{
					transform: scaleY(100%);
				}
				.perfilinfo > p {
					opacity: 1;
				}				
			}

			.btnfechar {
				display: flex;
				text-align: center;
				align-items: center;
				justify-content: center;
				position: absolute;
				border: 4px solid #000;
				z-index: 4;
				border-radius: 60px;
				width: 30px;
				height: 30px;
				top: -15px;
				right: -15px;
				background: white;
				color: black;			
			}
			
			/*.pic-wrapper {
				position: relative; 
				height: 100%; 
				width: 25%; 
				border-top-left-radius: 30px;	
				top: 0;
				float: left;
			}
			.pic {
				position: relative; 
				height: 100%; 
				width: 300%; 
				border-top-left-radius: 30px;	
				top: 0;
				float: left;
				left: -250%;						
				transition: transform 1s ease-in-out;
			}
			.perfilinfo {
				position: relative; 
				height: 100%; 
				width: 100%; 
				padding: 5px 0;
				margin-right: 10px;
				float: right;
				display: flex;
				flex-flow: nowrap column;
				align-items: stretch;
			}
			.perfilinfo > h3 {
				font-size: min(2vmax,24px);
				transform: scaleY(0);
				transition: transform .75s linear 0s;				
			}
			.perfilinfo > h4 {
				font-size: min(1.25vmax,18px);
				transform: scaleY(0);
				transition: transform .75s linear .75s;				
			}
			.perfilinfo h3, .perfilinfo h4 {
				font-weight: bold;
				margin: 0 0 min(1vmax,10px);
			}
			.perfilinfo p {
				font-size: min(1.25vmax,12px);
				overflow: auto;
				word-wrap: break-word;
				line-height: 1.2;
				opacity: 0;
				transition: opacity .75s linear 1.5s;				
			}
			.teste:target > .perfil .picwrapper .pic {
				left: 0;
			}
			*/
			
			/*#membros {
				position: relative;
				display: flex; 
				flex-flow: wrap row; 
				padding: 5px;
				gap: 5px;
				div {
					position: relative;
					width: 32%;
					font-size: min(1vmax,12px);
					word-wrap: break-word;
				}
			}*/
			.perfil {
				h4, h6 {
					text-align: center;
					font-weight: 700;
				}
			}
			p {
				font-size: min(1.1lvw,11px);
				text-align: justify;
			}
			
			.competencias div {
				margin: 10px;
			}
			.atribuicoes, #membros {
				display: grid;
				grid-template-columns: repeat(auto-fill, minmax(250px,1fr));
				gap: 15px;
				font-size: min(1vmax,12px);
				word-wrap: break-word;
				text-align: justify;
				overflow: auto;
				div {
					height: fit-content;
					display: flex;
					flex-direction: column;
					justify-content: start;
				}
			}
			#membros {
				grid-template-columns: repeat(auto-fill, minmax(205px,1fr));	
			}