File size: 2,399 Bytes
b7e75fd 5e7da44 b7e75fd 5e7da44 b7e75fd 5e7da44 b7e75fd 5e7da44 b7e75fd 5e7da44 b7e75fd 5e7da44 b7e75fd 5e7da44 b7e75fd 5e7da44 b7e75fd 5e7da44 b7e75fd 5e7da44 b7e75fd |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 |
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
min-height: 100vh;
padding: 2rem;
}
.container {
max-width: 1200px;
margin: 0 auto;
}
h1 {
color: white;
text-align: center;
font-size: 2.5rem;
margin-bottom: 0.5rem;
text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}
.subtitle {
color: rgba(255,255,255,0.9);
text-align: center;
font-size: 1.2rem;
margin-bottom: 2rem;
}
/* Statistics */
.stats {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1rem;
margin-bottom: 2rem;
}
.stat-box {
background: white;
padding: 1.5rem;
border-radius: 15px;
text-align: center;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
.stat-number {
font-size: 2rem;
font-weight: bold;
color: #667eea;
}
.stat-label {
color: #666;
margin-top: 0.5rem;
font-size: 0.9rem;
}
/* Candidate Card */
.candidate-card {
background: white;
padding: 2rem;
border-radius: 15px;
margin-bottom: 2rem;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
.candidate-card h2 {
color: #333;
margin-bottom: 1rem;
}
.candidate-card p {
color: #666;
line-height: 1.6;
margin-bottom: 0.5rem;
}
/* Matches Section */
.matches-section {
background: white;
padding: 2rem;
border-radius: 15px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
.matches-section h2 {
color: #333;
margin-bottom: 1.5rem;
}
.match-card {
background: #f8f9fa;
padding: 1rem;
border-radius: 10px;
margin-bottom: 1rem;
border-left: 4px solid #667eea;
transition: transform 0.2s;
}
.match-card:hover {
transform: translateX(5px);
}
.match-header {
display: flex;
align-items: center;
gap: 1rem;
margin-bottom: 0.5rem;
}
.match-rank {
background: #667eea;
color: white;
padding: 0.3rem 0.7rem;
border-radius: 20px;
font-weight: bold;
font-size: 0.9rem;
}
.match-company {
font-weight: bold;
color: #333;
flex: 1;
font-size: 1.1rem;
}
.match-score {
background: #4ade80;
color: white;
padding: 0.3rem 0.8rem;
border-radius: 20px;
font-weight: bold;
}
.match-title {
color: #666;
font-size: 0.95rem;
padding-left: 3rem;
} |