Files
personal_site/src/index.css
T

91 lines
1.4 KiB
CSS

body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
code {
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
monospace;
}
a {
color: #000;
text-decoration: none;
}
a:hover {
color: #219837;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
max-width: 100%;
height: auto;
}
.homeimage {
display: block;
margin-left: auto;
margin-right: auto;
max-width: 480px;
width: 100%;
height: auto;
}
.iframe-container {
overflow: hidden;
padding-top: 56.25%;
position: relative;
}
.iframe-container iframe {
border: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.footer {
display: flex;
justify-content: center;
position: relative;
padding: 1rem 0;
color: #000;
}
.footer-links ul {
margin: 0;
padding: 0;
display: flex;
}
.footer-links li {
list-style: none;
}
.footer-links li a {
text-decoration: none;
color: white;
padding: 1rem;
display: block;
}
.footer-links li:hover {
background-color: #b2b2b2;
}
/* Constrain footer images so they don't become massive */
.footer-links img {
display: inline-block;
max-height: 120px;
width: auto;
vertical-align: middle;
}