tylerperkins.xyz/static/css/footer.css

60 lines
991 B
CSS
Raw Permalink Normal View History

2023-07-15 22:44:31 +00:00
/* Footer */
footer {
2023-07-19 02:44:03 +00:00
background-color: rgba(11,11,11,1);
2023-07-15 22:44:31 +00:00
color: white;
padding: 15px;
text-align: center;
padding-top: 3vh;
2023-07-18 03:17:11 +00:00
z-index: 100;
2023-07-15 22:44:31 +00:00
}
.footer-sections {
display: grid;
align-content: center;
justify-content: center;
align-items: start;
justify-items: center;
grid-template-columns: 1fr 1fr 1fr;
}
.footer-list {
width: 100%;
margin: 0;
display: grid;
grid-template-columns: 1fr;
text-align: left;
}
.footer-list a {
width: calc(100% - 30px);
background: rgba(22,22,24,1);
border: grey;
text-decoration: underline 0.1em rgba(255,255,255,0);
transition: 300ms;
margin: 1px 0px;
padding: 15px;
}
.footer-list a:hover {
background: rgba(33,33,36,1);
}
.footer-header {
margin-top: 5px;
2023-07-18 03:17:11 +00:00
max-width: 100%;
2023-07-15 22:44:31 +00:00
}
small {
font-size: 0.8em;
color: rgba(255,255,255,0.5);
}
2023-07-18 03:17:11 +00:00
@media only screen and (max-width: 768px) {
.footer-sections {
grid-template-columns: 1fr;
}
}