Use thinner profile-circle border and larger profile-circle on user page

frontend/src/assets/scss/elementStyles.scss

@@ -48,11 +48,11 @@ b, strong {
 	&:after {
 		content: '';
 		position: absolute;
-		width: calc(100% - 0.25rem);
-		height: calc(100% - 0.25rem);
+		width: calc(100% - 4px);
+		height: calc(100% - 4px);
 		left: 0;
 		top: 0;
-		border: 0.125rem solid rgba(150,150,150,0.5);
+		border: 2px solid rgba(150, 150, 150, 0.25);
 		border-radius: 100%;
 	}
 }

frontend/src/components/routes/User.vue

@@ -121,10 +121,10 @@
 		border-radius: 0.25rem;
 
 		@at-root #{&}__icon {
-			height: 4rem;
-			width: 4rem;
-			line-height: 4rem;
-			@include text($font--role-emphasis, 3rem)
+			height: 6rem;
+			width: 6rem;
+			line-height: 5rem;
+			@include text($font--role-emphasis, 5rem)
 			text-align: center;
 			background-color: $color__gray--darkest;
 			color: #fff;