43 lines
		
	
	
		
			673 B
		
	
	
	
		
			CSS
		
	
	
	
	
	
			
		
		
	
	
			43 lines
		
	
	
		
			673 B
		
	
	
	
		
			CSS
		
	
	
	
	
	
| .buttons,
 | |
| .main .profile {
 | |
|     display: flex;
 | |
|     justify-content: center;
 | |
| }
 | |
| 
 | |
| .main .profile {
 | |
|     align-items: center;
 | |
|     min-height: calc(100vh - var(--header-height) - var(--footer-height) - (var(--gap) * 2));
 | |
|     text-align: center;
 | |
| }
 | |
| 
 | |
| .profile .profile_inner h1 {
 | |
|     padding: 12px 0;
 | |
| }
 | |
| 
 | |
| .profile img {
 | |
|     display: inline-table;
 | |
|     border-radius: 50%;
 | |
| }
 | |
| 
 | |
| .buttons {
 | |
|     flex-wrap: wrap;
 | |
|     max-width: 400px;
 | |
|     margin: 0 auto;
 | |
| }
 | |
| 
 | |
| .button {
 | |
|     background: var(--tertiary);
 | |
|     border-radius: var(--radius);
 | |
|     margin: 8px;
 | |
|     padding: 6px;
 | |
|     transition: transform 0.1s;
 | |
| }
 | |
| 
 | |
| .button-inner {
 | |
|     padding: 0 8px;
 | |
| }
 | |
| 
 | |
| .button:active {
 | |
|     transform: scale(0.96);
 | |
| }
 |