diff options
| author | Logan Hunt <loganhunt@simponic.xyz> | 2022-02-18 17:08:34 -0700 |
|---|---|---|
| committer | Logan Hunt <loganhunt@simponic.xyz> | 2022-02-18 17:08:34 -0700 |
| commit | bbfbac1dafcf76be53c3938027a6cbfcc866b3ac (patch) | |
| tree | 0a962abe69cf95a40ccf1fe57372b6436cd21ac6 /css/styles.css | |
| parent | 1588b8ddb538b2eb8119b63d6372235b58c954b1 (diff) | |
| download | simponic.xyz-bbfbac1dafcf76be53c3938027a6cbfcc866b3ac.tar.gz simponic.xyz-bbfbac1dafcf76be53c3938027a6cbfcc866b3ac.zip | |
Add index and whatnot
Diffstat (limited to 'css/styles.css')
| -rw-r--r-- | css/styles.css | 64 |
1 files changed, 64 insertions, 0 deletions
diff --git a/css/styles.css b/css/styles.css new file mode 100644 index 0000000..82ec524 --- /dev/null +++ b/css/styles.css @@ -0,0 +1,64 @@ +body { + margin: 0; + background-color: #AAAAAA; + font-family: 'Trebuchet MS', sans-serif; +} + +.top-container { + text-align: center; + height: 100vh; + padding: 24px; +} + +.profile-picture { + width: 100%; + border-radius: 50%; + max-width: 600px; + box-shadow:0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); +} + +.projects-grid { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-around; + padding: 24px; + gap: 12px; +} + +.project { + text-decoration: none; + color: black; + border-radius: 8px; + flex: 1; + background-color: #888888; + display: flex; + box-shadow:0 8px 12px 0 rgba(0,0,0,0.2),0 6px 12px 0 rgba(0,0,0,0.17); + min-width: 300px; + transition: transform 250ms; + padding: 12px; + gap: 12px; +} + +.project:hover { + background-color: #666666; + transform: translateY(-8px); + cursor: pointer; +} + +.project-logo-container { + flex: 1; + display: flex; + align-items: center; + justify-content: center; + font-size: 4rem; +} + +.project-body { + flex: 5; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + text-align: left; +} |