@charset "UTF-8";
/* CSS Document */
/*
:root{
	--accent-color: #821434;
	--primary-color: #000000;
	--secondary-color: #555555;
	--text-color: #ffffff;
	--secondary-text-color: #7f8082;
}

* {
	margin: 0; 
	padding: 0;
}

html {
	font-family: 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, 'sans-serif';
	font-size: 14pt;
	color: var(--text-color);
}

body {
	
	min-height: 100vh; 
	background-color: var(--primary-color);
}

*/


#skill-section {
	padding: 80px 20px 150px 20px;
	background-color: var(--secondary-color);
}

#skill-section h2 {
	font-size: 3rem;
	text-align: center;
}

#skill-section .wrapper {
	margin-top: 60px;
	display: flex;
	justify-content: center;
	gap: 50px;
	flex-wrap: wrap;
}

.skill-container {
	width: 400px;
	max-width: 100%;
	border: 10px solid var(--primary-color);
	border-top: none;
}

.skill-container h3 {
	background-color: var(--primary-color);
	padding: 15px 0;
	text-align: center;
	text-transform: uppercase;
}

.skill-container ul {
	maring: 10px 0;
	list-style:  none;
}

.skill-container ul li{
	padding: 15px;
	display: flex;
	justify-content: space-between;
}

.skill-container ul li progress{
 	accent-color: var(--accent-color);
}





.fuss {
	text-decoration: none;
	
	list-style: none;
	padding: 20px;
	display: flex;
	justify-content: center;
}

.fuss li a{
	padding: 20px;

}