kevincotugno.com/css/site.css

113 lines
1.1 KiB
CSS
Raw Normal View History

2016-08-31 23:09:57 -07:00
/* Stylesheet for kevincotugno.com */
2016-12-07 19:04:50 -07:00
*, *:before, *:after {
box-sizing: border-box;
}
2016-08-31 23:09:57 -07:00
html {
font-family: serif;
font-size: 12pt;
}
body {
2016-12-07 19:04:50 -07:00
background-color: #dfe0e8;
2016-08-31 23:09:57 -07:00
}
2016-12-07 19:04:50 -07:00
.content {
display: flex;
flex-flow: row;
flex-wrap: wrap;
max-width: 1250px;
margin: 10px auto 10px auto;
}
2016-08-31 23:09:57 -07:00
.construction {
color: #d51a00;
text-align: center;
}
2016-12-07 19:04:50 -07:00
.card {
box-shadow: 1px 1px 8px grey;
border-radius: 1em;
margin: 10px;
}
.card-content {
margin: 25px;
}
2016-08-31 23:09:57 -07:00
.aboutme {
2016-12-07 19:04:50 -07:00
flex: 3;
2016-08-31 23:09:57 -07:00
}
.openprojects {
2016-12-07 19:04:50 -07:00
flex: 1;
2016-08-31 23:09:57 -07:00
}
h1 {
2016-12-07 19:04:50 -07:00
font-size: 2.0em;
2016-08-31 23:09:57 -07:00
}
h2 {
2016-12-07 19:04:50 -07:00
font-size: 1.5em;
2016-08-31 23:09:57 -07:00
}
p {
font-size: 1.2em;
2016-12-07 19:04:50 -07:00
line-height: 1.5em;
2016-08-31 23:09:57 -07:00
}
a {
text-decoration: none;
color: blue;
2016-12-07 18:45:31 -07:00
transition: 0.25s;
2016-08-31 23:09:57 -07:00
}
a:hover {
color: #8ac0ff;
transition: color 0.25s;
}
a:visited {
color: blue;
}
a:visited:hover{
color: #8ac0ff;
}
a img {
color: black;
}
a:hover img {
2016-12-07 18:45:31 -07:00
color: black;
2016-08-31 23:09:57 -07:00
}
a:visited img {
color: black;
}
a:visited:hover img {
color: black;
}
.github-image {
border-radius: 100%;
width: 40px;
height: 40px;
}
2016-12-07 18:45:31 -07:00
.generic-shadow {
transition: 0.5s;
}
2016-08-31 23:09:57 -07:00
.generic-shadow:hover {
box-shadow: 2px 2px 5px;
}
footer {
text-align: center;
}