2023-05-16 03:59:18 +00:00
|
|
|
// Set the margins and size of social media icons
|
|
|
|
.social-button
|
|
|
|
margin: .5em
|
|
|
|
font-size: 3vw
|
|
|
|
|
|
|
|
// Make the gravatar icon a circle
|
|
|
|
#gravatar
|
|
|
|
border-radius: 50%
|
|
|
|
height: 50px
|
|
|
|
|
|
|
|
// Set the width for project cards to 18rem and set the margin to auto (will center the card in the div)
|
|
|
|
.project-card
|
|
|
|
width: 18rem
|
|
|
|
margin: auto
|
|
|
|
|
|
|
|
// https://stackoverflow.com/a/26056554/14395984
|
|
|
|
.auto-scale
|
|
|
|
width: 100%
|
|
|
|
height: auto
|
|
|
|
max-height: 100%
|
|
|
|
|
|
|
|
// Remove bullet points from the about page
|
|
|
|
// https://stackoverflow.com/questions/1027354/i-need-an-unordered-list-without-any-bullets
|
2024-02-06 04:13:57 +00:00
|
|
|
.remove-bullet-points li
|
2023-05-16 03:59:18 +00:00
|
|
|
list-style-type: none
|
|
|
|
padding-left: 2em
|
2024-02-06 04:13:57 +00:00
|
|
|
text-indent: -1.25em
|
2024-09-25 01:21:56 +00:00
|
|
|
|
|
|
|
|
|
|
|
#rotating-gradient
|
|
|
|
background: linear-gradient(15deg, #1E1F46, #404040)
|
|
|
|
animation: 5s linear infinite gradient
|
|
|
|
position: relative
|
|
|
|
background-size: 200% 200%
|
|
|
|
|
|
|
|
@keyframes gradient
|
|
|
|
0%
|
|
|
|
background-position: 0 50%
|
|
|
|
50%
|
|
|
|
background-position: 100% 50%
|
|
|
|
100%
|
|
|
|
background-position: 0 50%
|