Edit autoprefixer browserslist and remove manual prefixes

package.json

@@ -1,6 +1,9 @@
 {
 	"browserslist": [
-		"defaults"
+		"> 0.5%",
+		"last 4 versions",
+		"Firefox ESR",
+		"not dead"
 	],
 	"devDependencies": {
 		"@symfony/webpack-encore": "^3.0.0",

public/assets/css/main.scss

@@ -51,8 +51,6 @@ em {
 a {
 	color: var(--black);
 	text-decoration: none;
-	-webkit-transition: text-decoration 200ms ease-in-out;
-	-o-transition: text-decoration 200ms ease-in-out;
 	transition: text-decoration 200ms ease-in-out;
 
 	&:hover,
@@ -64,7 +62,6 @@ a {
 	&:focus-visible {
 		outline: 1px dashed var(--black);
 		outline-offset: 2px;
-		-webkit-animation: expand-outline 200ms ease-out;
 		animation: expand-outline 200ms ease-in-out;
 	}
 }
@@ -91,12 +88,6 @@ body {
 	padding: var(--header-bar-vertical-padding) var(--header-bar-horizontal-padding);
 	overflow-y: auto;
 	background-color: transparent;
-	-webkit-transition:
-		max-width 400ms ease-in-out,
-		background-color 400ms ease-in-out;
-	-o-transition:
-		max-width 400ms ease-in-out,
-		background-color 400ms ease-in-out;
 	transition:
 		max-width 400ms ease-in-out,
 		background-color 400ms ease-in-out;
@@ -117,12 +108,6 @@ body {
 			color: var(--transparent-black);
 			white-space: nowrap;
 			text-overflow: ellipsis;
-			-webkit-transition:
-				width 400ms ease-in-out,
-				color 400ms ease-in-out;
-			-o-transition:
-				width 400ms ease-in-out,
-				color 400ms ease-in-out;
 			transition:
 				width 400ms ease-in-out,
 				color 400ms ease-in-out;
@@ -130,11 +115,7 @@ body {
 	}
 
 	.header-bar__social {
-		display: -webkit-box;
-		display: -ms-flexbox;
 		display: flex;
-		-webkit-box-align: center;
-		-ms-flex-align: center;
 		align-items: center;
 		margin-top: 2rem;
 
@@ -144,11 +125,7 @@ body {
 			display: -webkit-box;
 			display: -ms-flexbox;
 			display: flex;
-			-webkit-box-pack: center;
-			-ms-flex-pack: center;
 			justify-content: center;
-			-webkit-box-align: center;
-			-ms-flex-align: center;
 			align-items: center;
 
 			+ a {
@@ -159,8 +136,6 @@ body {
 				width: 100%;
 				height: 100%;
 				fill: var(--transparent-black);
-				-webkit-transition: fill 400ms ease-in-out;
-				-o-transition: fill 400ms ease-in-out;
 				transition: fill 400ms ease-in-out;
 			}
 		}

public/assets/css/partials/animations.scss

@@ -2,15 +2,6 @@
 // ANIMATIONS
 // ----------------------------------------------------------------------------
 
-@-webkit-keyframes expand-outline {
-	from {
-		outline-offset: 0;
-	}
-	to {
-		outline-offset: 2px;
-	}
-}
-
 @keyframes expand-outline {
 	from {
 		outline-offset: 0;